Lessons
view all ⭢
lesson
Hooks project setupBeginner's Guide to Real World ReactSetup the base project for our Hooks deep dive examples.
lesson
How to Structure a React ProjectBeginner's Guide to Real World ReactThere are many different ways to structure your apps' code. This lesson introduces some different approaches, including how I structure my projects and suggestions from the Facebook team themselves.
lesson
Closing thoughts and learning pathsBeginner's Guide to Real World ReactWith the course at an end we'll take a look at some next steps to continue your React learning and where you can go from here
lesson
Exploring the appBeginner's Guide to Real World ReactWith all the code in place, we'll take a walk through the finished Dinosaur Search App and discuss the finer points
lesson
How to Combine React Components Into an AppBeginner's Guide to Real World ReactIn the final coding lesson of this module we'll flesh out the UI components that will power the Dinosaur Search App
lesson
Intro to React Services with Redux and useReducer HooksBeginner's Guide to Real World ReactThis lesson focusses on building the data-handling services and core Redux management system for the Dinosaur Search App
lesson
React Scaffolding and File Structure Best PracticesBeginner's Guide to Real World ReactWe put the foundations of the Dinosaur Search App in place such as creating a new React app and exploring the supporting API
lesson
The Dinosaur Search AppBeginner's Guide to Real World ReactIn this final module we'll be putting our skills together and building a Dinosaur Search App
lesson
Beginner's Guide to React useReducer HookBeginner's Guide to Real World ReactThis final lesson eschews all external redux libraries and swaps in the use of React's built-in useReducer Hook and Context tools.
lesson
How to Simplify React State Management with Redux ToolkitBeginner's Guide to Real World ReactThis lesson takes things further by extending the Event Sign-Up App to use the Redux Toolkit for even easier state management.
lesson
How to Build an Event Signup App with React Redux ThunkBeginner's Guide to Real World ReactLearn how to build our very own Event Sign-Up App using the React Redux library with a centralized state management store.
lesson
The 7 Core React Hooks [with examples]Beginner's Guide to Real World ReactWe'll be taking a deep dive walkthrough of the most common Hooks in React, including their use cases and how to work with them.