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 has already helped over 13,000 students and they've left 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."
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!
Course Curriculum
-
StartWhat Problem Does React Solve? (15:14)
-
StartLet's Start Using React (18:04)
-
StartWhat Is JSX? (8:23)
-
StartStaying Organized: Components Using Other Components (6:22)
-
StartUsing Props To Make a Component Flexible (7:43)
-
StartLooping Through An Array Within JSX (11:39)
-
StartState (11:41)
-
StartHandling Events (Like a Button Click etc...) (11:37)
-
StartWorking With Forms (17:40)
-
StartWhat is useEffect? (19:58)
-
StartReact & Next.js (5:23)
-
StartStarting Our Complex App (18:21)
-
StartTip: Always Have The Current Year In The Footer
-
StartRouting (Single Page Application) (19:41)
-
StartQuick Note About Rendering React Components To The DOM
-
StartReact Developer Tools (4:30)
-
StartCreating a Visual Studio Code Snippet (8:06)
-
StartCreate a Reusable "Container" Component (10:34)
-
StartQuick Details & Composition (12:12)
Frequently Asked Questions
Instead of buying this 1 course individually it's much more cost efficient to join our "bundle" and receive all existing and future courses for 1 economical price. Check out our Premium Bundle here!