Now Available React Programming: The Big Nerd Ranch Guide
Front-End ReactBased on our React Essentials course, this book uses hands-on examples to guide you step by step through building a starter app and a complete,...
Our New React Essentials Course
What’s new, what’s changed, and what’s next
We’ve just rolled out our newest training course for web: React Essentials. This course serves as a complete rewrite of what was formerly Full-Stack and React Essentials, and we are really happy with the shift in focus for the course.
It is our passion to see developers leave our classes with all the skills they need for successful work in a new environment. This course pivots our class to have its full attention focus on React.
So, What’s New?
React Essentials is an extensive overview that covers how to develop web applications using React. Over the course of 3.5 days, students will build a coffee shop with a home page, details page, cart, checkout, and order fulfillment page for associates. They will also integrate the front-end with a supplied API. Here is what students can expect to learn in the completely revamped course.
Hooks
React Hooks provide so much power in easy to to use packages. We have provided training into all of the basic hooks for state, effects, and context, as well as many of the additional hooks.
We’ll build Cart with useReducer to help developers get the full flavor of reducers without having to dive into Redux. We also optimize our components with useCallback and useMemo, and we access elements with useRef.
React Router
These days most web applications have multiple pages. Our students will learn to use React Router to handle directing the user to each of those pages. We also use React Routers hooks to access params from the URL and change the page.
Testing
For the first time ever, the course covers component testing with the React Testing Library and end-to-end testing with Cypress. Students will be able to build real applications with tests to feel confident in not breaking the applications.
We also discuss the tradeoffs between various testing strategies to help students make educated decisions on how to test their applications.
What’s Changed?
While the course still covers web development, the focus is now on React and not on the basics of HTML and CSS or CSS frameworks like Bootstrap. As a result, students will need some familiarity with HTML and CSS coming in. The course does still cover more advanced CSS topics like flexbox, grid, and animations.
What’s next?
We will be offering open enrollment courses for React Essentials several times this year. Our first class of the year is online March 22 – 26 and you can register here.
Stay tuned for a closer look at the projects we will be building in this course.
