React Essentials

React Essentials

Upcoming Bootcamps

Back to Bootcamps Schedule

No events to show


If you have some programming experience and want to learn how to build responsive web applications using React, this course is for you or your team. In this 4-day course, students craft responsive websites and tame complexity through maintainable user interface components. Students get a very brief refresher on CSS, HTML and Javascript as they dive into the React framework. Students then learn the ins and outs of the React framework so that they can build solid, responsive React applications.

Who Should Take This Course

  • Native developers who want to create a web presence that supports an app, grows a user base, and collects user feedback.

  • Backend developers who need to create full-stack web apps.

  • Web developers transitioning to ReactJS.


  • In this course we use HTML and CSS to create elements, animations, and responsive content. If you are not familiar with them, study Codecademy’s Intro to HTML and Intro to CSS.

  • In order to focus on React, we also assume you already know modern JavaScript. If you are not familiar with JavaScript, study Codecademy's Intro to JavaScript.

  • Before class starts, make sure you have the right tools installed. You will need a browser, an IDE, and Node 18. We recommend Chrome for your browser and VS Code as your IDE.

  • We recommend using a Mac or Linux computer for the course, but Windows does work.



React Components

  • Build functional React components.

  • Split your interfaces into easily-managed, reusable components.

  • Utilize JSX to describe how the interfaces should be rendered.

  • Learn React Hooks such as useState, useEffect, useMemo, useRef, and useCallback.

  • Create a responsive web page with CSS Grid Layout, Flexbox, and Media Queries.

  • Write event handlers for clicks and form submissions.

  • Use HTML5 form elements to create an order form.

  • Ensure correct input with client-side validation.

Build Complete React Applications

  • Manage routing to multiple pages with React Router.

  • Handle complex state objects with a state reducer via useReducer.

  • Pass data between components with props.

  • Validate props with PropTypes.

  • Share state with multiple components with React Context.

  • Asynchronous API interaction with React hooks and promises.

  • Handle and display API errors.

  • Build a login form and limit functionality to specific users.

  • Use a websocket to keep data constantly in sync.

  • Enforce code style using ESLint.

Testing React

  • Test components and flows with Jest and React Testing Library.

  • Mock API calls with Mock Service Worker.

  • Write end to end tests with Cypress.

  • Compare testing methods and suggest when each is useful.

Speak with a Nerd

Schedule a call today! Our team team of Nerds are ready to discuss your business needs.

Let's Talk

What our students have to say

I did the swift and iOS bootcamp in Georgia. It was incredible and totally worth it. I had only played around and pieced together iOS apps before I went to the bootcamp. After everything made so much more sense and I was able to create and publish new iOS apps with ease.

Anna Sherman, Developer, Carbon Five

I used other online free courses to learn basic Kotlin and some advanced topics. It was nice to have the classroom setting, with the Kotlin Essentials course, to gain better-detailed knowledge. I do feel more confident with the basics of Kotlin, and I am looking forward to taking the more advanced courses.

Steve Hamilton, Android Software Engineer, Disney

I was able to start my research lab, HealthHawks, because Big Nerd Ranch gave me the skills to build software on mobile applications. I equip medical professionals with software that they test to be able to determine if it helps clinical outcomes. It is awesome. Big Nerd Ranch taught me how to change the world for the better, one line of code at a time.

Elizabeth Baker, Associate Professor of Information Systems, UNC Wilmington

Our clients
React Essentials

Other Services

If you think this is pretty cool, just wait till you see what else we can do.

View All Services

Digital Product Development

From the first discovery session to launch, you’ll get a whole team of dedicated Nerds.

Learn More

Embedded Experts

Whether you have to fill in some gaps on your team, need some support in an unfamiliar language, or a different design perspective, our team is ready to help.

Learn More

We are ready to discuss your needs.

Not applicable? Click here to schedule a call.

Stay in Touch WITH Big Nerd Ranch News