Udacity part of Accenture logo
Log InJoin for Free

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

Real-world Projects

Completion Certificate

Last Updated November 5, 2024

Skills you'll learn:

React component state • React router • Application state management with redux • React design patterns

Prerequisites:

Intermediate JavaScript • Asynchronous JavaScript • Basic web development

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

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

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

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

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

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.

Ratings & 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.

Page 1 of 113

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.

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

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

Choose the right learning path for your goals

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

  1. 1Discount applies to the first 4 months of membership, after which plans are converted to month-to-month.

Your subscription also includes:

(807)

3 months

, Intermediate

Udacity Accenture logo

Company

  • Facebook
  • Twitter
  • LinkedIn
  • Instagram

© 2011-2024 Udacity, Inc. "Nanodegree" is a registered trademark of Udacity. © 2011-2024 Udacity, Inc.
We use cookies and other data collection technologies to provide the best experience for our customers.