
Start using React by configuring CodePen with React and ReactDOM, rendering a dynamic header and content, and updating the time every second to show declarative rendering.
Drive user interactions in React by wiring onClick to a like counter using useState. Implement increase and decrease handlers, enforce nonnegative values, and observe targeted re-rendering.
Set up a complete React workflow with Node and npm, initialize a project with package.json, install react and react-dom, and bundle code with webpack and babel for a development server.
Explore when to use React by itself or with frameworks, from Next.js to Remix, and build a pure React app to become a power user with advanced state ideas.
Set up and run a backend server for a React app by obtaining the backend-api folder, creating a .env, installing dependencies, and launching on localhost:8080.
Explore useReducer as a state management alternative to useState for complex state. See dispatch and a reducer handle login, logout, and flash messages in React.
Learn how to centralize localStorage data into app-wide state using useEffect and a reducer, enabling components to access token, username, and avatar from state.
Load a user's posts with a profile posts component that fetches data via axios and useEffect using the username from useParams, then render avatars, titles, and dates with Link.
Fetch and display real-time search results as the user types, debouncing for 700 milliseconds, using state, use Immer, and use effect to manage terms, results, and backend requests.
Learn the world's most popular library for creating user interfaces!
What makes this course different is we take the time to understand *why* we're doing what we're doing. We begin by asking an important question that so many other React courses skip entirely; What problem does React solve?
Once we understand what React is and isn't, we spend the remainder of the course together building the front-end for a real world social media app where you can post, follow other users and even hop into a live chatroom. Along the way we will:
Understand what "state" is in React and how to bring our interfaces to life
Use the modern "hook" approach with Function Components
Leverage React Router to create a Single Page Application with shareable URLs
See the power of Context, Reducer, and Immer and create an ideal way of working with state
Run code at the perfect moments by understanding the power of useEffect()
Use async HTTP requests to communicate with APIs so that our app feels meaningful by working with real data
Deploy our app up onto the web so you can share it with your friends and family
This course may be brand new, but this isn’t my first time teaching. I’ve led training sessions for Fortune 500 companies and I’ve already helped over 98,000 people on Udemy and received the following feedback:
"Brad definitely has some of the best techniques to embed the lesson into your mind… hands down these are the best tutorials I have had the opportunity to view."
"Presentation is concise without being tedious… you honestly feel that you have a thorough understanding of the subject."
"…[Brad] explained the process. Not memorize this or that, he explained the process. If you're looking to take a course to understand the foundations of creating websites, look no further."
Become highly valuable and relevant to the companies that are hiring front-end developers; in one convenient place alongside one instructor. If you're ready to begin building with React - I'll see you on the inside!