JS beginners
You’ve got the fundamentals of JavaScript down, but building interactive UIs still feels overwhelming. This course gives you a structured way to start building app-like experiences in the browser.
[LEGACY] React - The Complete Guide (incl Hooks, React Router, Redux)
Dive in and learn React.js from scratch! Learn Reactjs, Hooks, Redux, React Routing, Animations, Next.js and way more!
![[LEGACY] React - The Complete Guide (incl Hooks, React Router, Redux)](/images/courses/768614/DWlYEqc8Rwuq2zxpJEfh_react-legacy.jpg)
Course Overview
About This Course
You can write JavaScript, but building a real web app still feels like juggling DOM updates, state, and UI changes that never quite stay in sync. Vanilla JS and jQuery get you moving fast—until the codebase starts fighting you.
In this course, you’ll get a guided path into React that doesn’t stop at “hello components.” You’ll learn the underlying ideas, then immediately apply them in assignments and demo projects, so each new concept sticks because you’ve used it.
By the end, you’ll be able to plan and build a full React single-page application that feels responsive and app-like. You’ll know how to structure your UI into reusable pieces, connect it to real data, and ship it with confidence—because you’ve built and improved a complete app throughout the course.
What You'll Learn
You’ll cover React’s core workflow and then extend it with routing, global state management, data loading, and production-ready features used in real single-page apps.
Build with components
Create reusable React components, configure them via props, and wire up your own events so the UI reacts to user input. You’ll be able to compose screens from small parts and reuse them across your app.
State with Hooks
Manage state in class-based components and with React Hooks, choosing the right approach for the job. You’ll be able to keep UI and data in sync without turning your code into a tangle.
Lists and conditions
Render dynamic lists (e.g., repeating a
Usercomponent) and show or hide UI based on conditions. You’ll be able to build interfaces that adapt cleanly as data and user actions change.Routing with react-router
Add multi-page navigation behavior to a single-page app using react-router. You’ll be able to structure screens into routes and create a smoother flow without full page reloads.
Redux state architecture
Use Redux from the basics through advanced usage to centralize and scale state management. You’ll be able to coordinate complex app-wide state changes in a predictable way.
Ship real app features
Implement forms with validation, add authentication, fetch HTTP data via AJAX from inside React, and follow deployment instructions. You’ll also get introductions to unit testing and Next.js to broaden your toolkit.
Ready to get started?
Prerequisites
JavaScript basics are enough; no prior React or other framework experience is required.
Who Is This Course For?
Angular or Vue devs
You’re productive in another framework, but you want to switch to React without guessing how things map across. This course helps you adopt React’s way of thinking and building quickly.
React refreshers
You know the basics, but you want everything to click in a larger, end-to-end application. This course is a fit if you want to deepen your understanding and see the pieces come together.
Curriculum Overview
Start NowPreview the structure and pacing of this course before you begin.
And 23 more sections in the full course.
Ready to Get Started?
Choose the option that works best for you.
Single Course
[LEGACY] React - The Complete Guide (incl Hooks, React Router, Redux)
One Payment. Lifetime Access.
$49one-time
- One-time payment
- All future updates for this course
- Downloadable resources & code
- Certificate of completion
- Hands-on exercises & projects
- Self-paced learning
- English captions on all videos
- Lifetime access
Most Popular
All-Access Membership
Everything we teach. One subscription.
$25/mo
$4,335+ worth of courses
- Full access to all courses
- All future courses included
- Downloadable resources & code
- Certificates of completion
- Hands-on exercises & projects
- Self-paced learning
- English captions on all videos
- Cancel anytime