Create an Advanced Web App with React and Redux
Learn how to build advanced web applications with React and Redux.
Includes HTML, CSS, JavaScript, React, Redux, Netlify, and more.
Skill level
IntermediateTime to complete
Average based on combined completion rates — individual pacing in lessons, projects, and quizzes may vary22 hoursProjects
13Prerequisites
1 courseWe suggest you complete the following courses before you get started with Create an Advanced Web App with React and Redux:- Learn Intermediate JavaScript
About this skill path
Learning the basics of HTML, CSS, and JavaScript can only get you so far. Learn React, the popular front-end library that powers Facebook and Netflix. Then, jump into Redux, the state-management library built specifically with React applications in mind.
Skills you'll gain
- Build dynamic web apps with React
- Manage complex state with Redux
- Deploy web apps from GitHub repositories
Syllabus
6 units • 17 lessons • 13 projects • 11 quizzes- 1
Introduction to React and Redux
Get a high-level overview of what you will learn in this skill path and learn how to set up your local development environment.
- 2
React
Learn how to build modular and reusable front-end components with React, the library that powers Facebook and Netflix!
- 3
Redux
Enhance your React applications with Redux, a popular state-management library.
- 4
Deployment
Deploy your React+Redux application using Netlify and the Create React App command-line tool.
- 5
React and Redux Portfolio Project
Bring together what you have learned about React and Redux and build a project off of Codecademy.
- 6
Next Steps in Your Web Development Journey
See what’s next in your learning journey now that you have completed this Skill Path.
Certificate of completion available with Plus or Pro
Earn a certificate of completion and showcase your accomplishment on your resume or LinkedIn.
Projects in this skill path
- practice Project
Animal Fun Facts
Using a variety of JSX concepts, build an interactive interface that will display a selection of animal images and allow users to click an image for a fun fact. - practice Project
Authorization Form
Practice creating React components by building a simple authorization layer for a contact page. - practice Project
CodeyOverflow Forum
Practice working with multiple components in React to build a web forum, CodeyOverflow!
Earn a certificate of completion
Show your network you've done the work by earning a certificate of completion for each course or path you finish.- Show proofReceive a certificate that demonstrates you've completed a course or path.
- Build a collectionThe more courses and paths you complete, the more certificates you collect.
- Share with your networkEasily add certificates of completion to your LinkedIn profile to share your accomplishments.
Reviews from learners
- The progress I have made since starting to use codecademy is immense! I can study for short periods or long periods at my own convenience - mostly late in the evenings.ChrisCodecademy Learner @ USA
- I felt like I learned months in a week. I love how Codecademy uses learning by practice and gives great challenges to help the learner to understand a new concept and subject.RodrigoCodecademy Learner @ UK
- Brilliant learning experience. Very interactive. Literally a game changer if you're learning on your own.John-AndrewCodecademy Learner @ USA
Our learners work at
Skill paths help you level-up
Get a specialized skill
Want to level up at work? Gain a practical, real-world skill that you can use right away to stand out at your job.Get step-by-step guidance
We guide you through exactly where to start and what to learn next to build a new skill.Get there quickly
We’ve hand-picked the content in each Skill Path to fast-track your journey and help you gain a new skill in just a few months.
Ready to learn a new skill?
Get started on Create an Advanced Web App with React and Redux with a free Codecademy account.StartLooking for something else?
Related resources
- Article
React Developer Tools
Use React Developer Tools to debug your React applications. - Article
Creating a React App
Use create-react-app to easily create a React application on your own computer. - Article
Implementing the Redux Store from Scratch
An article on how to implement the Redux store object using vanilla JavaScript.
Related courses and paths
- Free course
Learn Redux
Enhance your React applications with Redux, a popular state-management library.Intermediate8 hours - Free course
Learn Redux: Fundamentals
Implement the Redux state management into your application using core methods of the Redux API.Beginner Friendly5 hours - Free course
Learn Redux: Redux Toolkit
Refactor your code with Redux Toolkit, an essential package for any Redux application.Beginner Friendly1 hour
Browse more topics
- Web development4,977,639 learners enrolled
- JavaScript2,869,489 learners enrolled
- Code foundations7,429,904 learners enrolled
- Computer science5,887,666 learners enrolled
- Data science4,494,162 learners enrolled
- Python3,627,724 learners enrolled
- For business3,369,895 learners enrolled
- Data analytics2,472,373 learners enrolled
- IT2,422,898 learners enrolled
What's included in skill paths
Practice Projects
Guided projects that help you solidify the skills and concepts you're learning.Assessments
Auto-graded quizzes and immediate feedback help you reinforce your skills as you learn.Certificate of Completion
Earn a document to prove you've completed a course or path that you can share with your network.