Skills you'll learn:
![](/_next/image?url=https%3A%2F%2Fvideo.udacity-data.com%2Ftopher%2F2024%2FOctober%2F6709873f_nd019%2Fnd019.jpg&w=3840&q=75)
React
Nanodegree Program
React is completely transforming the Front-End Development landscape. Come master this powerful UI library, and learn career-ready skills with Udacity. You'll learn how to build declarative user interfaces for the web with React, and for iOS and Android with React Native. You'll also learn how to manage state more predictably in your applications with Redux.
React is completely transforming the Front-End Development landscape. Come master this powerful UI library, and learn career-ready skills with Udacity. You'll learn how to build declarative user interfaces for the web with React, and for iOS and Android with React Native. You'll also learn how to manage state more predictably in your applications with Redux.
Intermediate
2 months
Last Updated December 23, 2024
Prerequisites:
Intermediate
2 months
Last Updated December 23, 2024
Skills you'll learn:
Prerequisites:
Courses In This Program
Course 1 • 45 minutes
Welcome to the React Nanodegree Program
Lesson 1
An Introduction to Your Nanodegree Program
Welcome! We're so glad you're here. Join us in learning a bit more about what to expect and ways to succeed.
Lesson 2
Getting Help
You are starting a challenging but rewarding journey! Take 5 minutes to read how to get help with projects and content.
Course 2 • 2 weeks
React Fundamentals
In this course, you'll learn fundamental React concepts and create interactive React components for web applications using JSX to render UI, manage state, and handle lifecycle events.
Lesson 1
Why React
In this lesson, you'll learn a bit about why React was built and the functional JavaScript concepts you'll use in React.
Lesson 2
Rendering UI with React
In this lesson, you'll build reusable React components and you'll use JSX to create user interface elements.
Lesson 3
State Management
In this lesson, you'll learn how to manage state in React applications with props, useState, and controlled components
Lesson 4
Hooks
In this lesson, you'll learn how hooks enable state and lifecycle in React components.
Lesson 5
Routing
In this lesson, we'll cover routing in React single-page applications using React Router
Lesson 6 • Project
MyReads: A Book Tracking App
In the MyReads project, you'll create a web application that allows you to select and categorize books you have read, are currently reading, or want to read.
Course 3 • 1 month
React and Redux
The focus of the course is on managing state in an application. You will learn about Redux and the Redux ecosystem as a powerful tool to help you accomplish this. You will also learn how to use advanced testing techniques using JEST.
Lesson 1
Introduction to the Course
We will look at the course design, prerequisites, tools you'll use in the course, and take a preview look at the final project.
Lesson 2
Managing State
You’ll learn techniques to make your state more predictable by moving your state to a central location and establishing strict rules for getting, listening, and updating that state.
Lesson 3
UI plus Redux
You’ll learn to move away from having state live in the DOM by creating a vanilla JavaScript application whose state is managed entirely by Redux.
Lesson 4
Redux Middleware
You’ll learn to create custom middleware and add it to your Redux store. This middleware will allow you to enhance your store by hooking into and intercepting actions before they reach any reducers.
Lesson 5
Redux with React
You’ll learn how to add React to a Redux application and have the state of that application be managed by Redux.
Lesson 6
Asynchronous Redux
You’ll learn to better abstract asynchronous events by creating your own custom Thunk middleware and adding it to your store.
Lesson 7
React-Redux Bindings
You’ll learn to leverage the react-redux bindings in order to leverage the benefits of a UI library like React and a state management library like Redux.
Lesson 8
Implementing React plus Redux
You’ll take your knowledge of Redux and utilize it by building a real-world Redux application. You’ll also learn advanced Redux topics like reducer composition and normalization.
Lesson 9
Testing with Jest
We will learn how to install and run JEST using synch and async functions, use snapshots, and perform DOM tests with React Testing Library.
Lesson 10 • Project
Project: Employee Polls Web App
HR needs a web app to create polls for employees to post and respond to scenario questions. Employees vote on responses and the dashboard lists employees by the number of polls created and answered.
Course 4 • 10 minutes
Congratulations!
Congratulations on finishing your program!
Lesson 1
Congratulations!
Congratulations on your graduation from this program! Please join us in celebrating your accomplishments.
Taught By The Best
![Photo of Tyler McGinnis](https://cdn.sanity.io/images/tlr8oxjg/production/d2b96d546d8562f27e2fd0257d9113b1f10118c7-360x360.jpg?w=3840&q=100&fit=clip&auto=format)
Tyler McGinnis
Instructor
Tyler found his love for teaching at DevMountain, where he was lead instructor and curriculum engineer. He's a Google Developer Expert and is entrenched in the React community organizing React Utah, and running React Newsletter.
![Photo of Alyssa Hope](https://cdn.sanity.io/images/tlr8oxjg/production/44c5180cb1324bc9294eabeacef9b1b33505a611-200x200.png?w=3840&q=100&fit=clip&auto=format)
Alyssa Hope
Instructor
Alyssa is a full stack developer who was previously the lead instructor at a coding bootcamp. With a degree in International Communications, her passion is to express thoughts well, whether in code or writing.
![Photo of Michael Tsamis](https://cdn.sanity.io/images/tlr8oxjg/production/c5b56b35fe9d2fe9d78c2fe5df1dda52a75da2b6-360x360.jpg?w=3840&q=100&fit=clip&auto=format)
Michael Tsamis
Senior Software Engineer
Michael is a senior software engineer at Catchpoint Systems Inc. He graduated summa cum laude in 2011 with a Bachelor of Science degree in Computer Information Systems. He is also an active member and speaker for React NYC, a Meetup group for ReactJS and React Native developers in New York City.
![Photo of Andrew Wong](https://cdn.sanity.io/images/tlr8oxjg/production/bf619d4fe2bb51a838f9a122cad34428c80455ca-200x200.jpg?w=3840&q=100&fit=clip&auto=format)
Andrew Wong
Software Engineer
Andrew is a full stack engineer who enjoys making the world a better place through code. He first discovered his passion for teaching as an instructor at App Academy, and continues to enjoy empowering students to advance their education.
![Photo of Richard Kalehoff](https://cdn.sanity.io/images/tlr8oxjg/production/14daf9fb30fa7cb7356e14270948350a70b450d4-320x320.jpg?w=3840&q=100&fit=clip&auto=format)
Richard Kalehoff
Instructor
Richard is a Course Developer with a passion for teaching. He has a degree in computer science, and first worked for a nonprofit doing everything from front end web development, to backend programming, to database and server management.
Student Reviews
Average Rating: 4.7 Stars
562 Reviews
Sushant M.
February 28, 2023
Good nanodegree with valuable content!
Majed B.
January 30, 2023
The program is very enriching and has helped me to become more confident about react basics. The feedback for my project was extensively helpful and assisted me to understand more aspects related to optimization. Thanks!
Ibrahim A.
December 17, 2022
Great
Rohan A.
November 16, 2022
The react part is not really easy to understand!
Marcelo Vitor K.
September 5, 2022
It is going pretty well!! I hope the second part of the program is also good as the first one.
The Udacity Difference
Combine technology training for employees with industry experts, mentors, and projects, for critical thinking that pushes innovation. Our proven upskilling system goes after success—relentlessly.
![](/_next/image?url=%2Fimages%2Fexperience%2Fproject-feedback.png&w=1200&q=75)
Demonstrate proficiency with practical projects
Projects are based on real-world scenarios and challenges, allowing you to apply the skills you learn to practical situations, while giving you real hands-on experience.
Gain proven experience
Retain knowledge longer
Apply new skills immediately
![](/_next/image?url=%2Fimages%2Fexperience%2Fon-demand-support.png&w=1200&q=75)
Top-tier services to ensure learner success
Reviewers provide timely and constructive feedback on your project submissions, highlighting areas of improvement and offering practical tips to enhance your work.
Get help from subject matter experts
Learn industry best practices
Gain valuable insights and improve your skills
![](/_next/image?url=%2Fimages%2Fbackgrounds%2Fblue-lines-wide.png&w=3840&q=100)
Enroll in React. Choose the plan that works for you
All Access monthly
Unlimited access to our top-rated courses
Personalized Career Services
Cancel Anytime
Real-world projects
Personalized project reviews
Program certificates
Best Value
All Access bundle1
All the same great benefits as our monthly plan
The most cost-effective way to develop the skills you want
- 1Discount applies to the first 4 months of membership, after which plans are converted to month-to-month.
Your subscription also includes:
Your subscription also includes:
![](/_next/image?url=https%3A%2F%2Fvideo.udacity-data.com%2Ftopher%2F2024%2FOctober%2F67098733_nd0067%2Fnd0067.jpg&w=3840&q=100)
(83)
3 months
Intermediate
![](/_next/image?url=https%3A%2F%2Fvideo.udacity-data.com%2Ftopher%2F2024%2FOctober%2F67098750_nd032%2Fnd032.jpg&w=3840&q=100)
(140)
2 months
Intermediate
![](/_next/image?url=https%3A%2F%2Fvideo.udacity-data.com%2Ftopher%2F2024%2FOctober%2F670981a8_cd0547%2Fcd0547.jpg&w=3840&q=100)
1 month
Intermediate
![](/_next/image?url=https%3A%2F%2Fvideo.udacity-data.com%2Ftopher%2F2024%2FOctober%2F670981a8_cd0546%2Fcd0546.jpg&w=3840&q=100)
2 weeks
Intermediate
![](/_next/image?url=https%3A%2F%2Fvideo.udacity-data.com%2Ftopher%2F2024%2FOctober%2F67098752_nd035%2Fnd035.jpg&w=3840&q=100)
(293)
3 months
Intermediate
![](/_next/image?url=https%3A%2F%2Fvideo.udacity-data.com%2Ftopher%2F2024%2FOctober%2F67098724_nd003%2Fnd003.jpg&w=3840&q=100)
(252)
3 months
Intermediate
![](/_next/image?url=https%3A%2F%2Fvideo.udacity-data.com%2Ftopher%2F2024%2FOctober%2F6709876e_nd079%2Fnd079.jpg&w=3840&q=100)
(98)
3 months
Intermediate
![](/_next/image?url=https%3A%2F%2Fvideo.udacity-data.com%2Ftopher%2F2024%2FOctober%2F6709879e_nd213%2Fnd213.jpg&w=3840&q=100)
(809)
3 months
Intermediate
![](/_next/image?url=https%3A%2F%2Fvideo.udacity-data.com%2Ftopher%2F2024%2FOctober%2F6709872f_nd0044%2Fnd0044.jpg&w=3840&q=100)
(498)
3 months
Intermediate
![](/_next/image?url=https%3A%2F%2Fvideo.udacity-data.com%2Ftopher%2F2024%2FOctober%2F670987a9_nd303%2Fnd303.jpg&w=3840&q=100)
(113)
2 months
Intermediate
![](/_next/image?url=https%3A%2F%2Fvideo.udacity-data.com%2Ftopher%2F2024%2FOctober%2F6709870c_nd0011%2Fnd0011.jpg&w=3840&q=100)
(858)
3 months
Intermediate
![](/_next/image?url=https%3A%2F%2Fvideo.udacity-data.com%2Ftopher%2F2024%2FOctober%2F6709818a_cd0038%2Fcd0038.jpg&w=3840&q=100)
3 weeks
Beginner
![](/_next/image?url=https%3A%2F%2Fvideo.udacity-data.com%2Ftopher%2F2024%2FOctober%2F670981a6_cd0444%2Fcd0444.jpg&w=3840&q=100)
4 weeks
Intermediate
![](/_next/image?url=https%3A%2F%2Fvideo.udacity-data.com%2Ftopher%2F2024%2FOctober%2F670987d8_nd9990%2Fnd9990.jpg&w=3840&q=100)
(461)
3 months
Intermediate
![](/_next/image?url=https%3A%2F%2Fvideo.udacity-data.com%2Ftopher%2F2024%2FOctober%2F670987ba_nd578%2Fnd578.jpg&w=3840&q=100)
(709)
2 months
Beginner
![](/_next/image?url=https%3A%2F%2Fvideo.udacity-data.com%2Ftopher%2F2024%2FOctober%2F67098702_nd000%2Fnd000.jpg&w=3840&q=100)
(1339)
5 months
Beginner