About this Course

This course is a part of the React Nanodegree Program.

Mastering React begins with learning the fundamentals. This can pose a bit of a challenge, because while the modularity of the React ecosystem makes it really powerful for building applications, there is a great deal to learn. We’ll break everything down and enable you to learn the parts of the React ecosystem that are necessary to build production-ready apps.

Skill Level
Included in Course
  • Rich Learning Content

  • Interactive Quizzes

  • Taught by Industry Pros

  • Real World Projects

  • Student Support Community

  • Personalized Career Support

Join the Path to Greatness

This course is part of a Nanodegree Program. It is a step towards a new career in React.

Nanodegree Course

React Fundamentals

Enhance your skill set and boost your hirability through innovative, independent learning.

Icon steps

What You Will Learn

Lesson 1: Why React?

You'll discover what makes React great. You will compose simple functions together to create complex ones, write declarative code, discover unidirectional data flow, and that React is just JavaScript.

Lesson 2: Rendering UI with React

You'll learn how React creates and renders elements. You'll also convert manual element creation to JSX, use create-react-app to scaffold projects, and get a brief intro to Components.

Lesson 3: State Management

You'll learn how to pass data into a component, how to create Functional Components, when and how to use PropTypes, and how to create controlled components and the benefits they provide.

Lesson 4: Render UI with External Data

You'll learn where to fetch remote data in a React application. You'll also learn about the different lifecycle hooks and how to use them.

Lesson 5: Managing App Location with React Router

You'll learn how to add routing to a React app by using React Router. You'll learn about the BrowserRouter, Link, and Route components to dynamically render pages.

Prerequisites and Requirements

To succeed in this program, you need to have experience with building front-end web applications with:

  • HTML & CSS
  • JavaScript
  • Asynchronous JavaScript (AJAX)
  • One or More Front-End Frameworks (Angular, Backbone, Ember, and more)
  • Web Forms

You should have familiarity with the following:

  • Web Accessibility Standards
  • Using Node Package Manager (NPM)
  • Git & GitHub
  • Unix/Linux Command Line Basics

See the Technology Requirements for using Udacity.

Why Take This Course

The journey to becoming a React developer starts with mastering the fundamentals. This is a project-based course, and you’ll get your hands dirty right away with the key features and principles of one of JavaScript's most popular libraries.

Throughout the course, you'll leverage JSX in React components to create dynamic user interfaces. You’ll learn how to manage component state and render UI with external data. You’ll also add different routes to your applications with React Router.

What do I get?
  • Instructor videos
  • Learn by doing exercises
  • Taught by industry professionals
Icon globe

Udacity 现已提供中文版本! A Udacity tem uma página em português para você! There's a local version of Udacity for you! Sprechen Sie Deutsch?

Besuchen Sie de.udacity.com und entdecken Sie lokale Angebote, unsere Partnerunternehmen und Udacitys deutschsprachigen Blog.

前往优达学城中文网站 Ir para a página brasileira Go to Indian Site Icon flag de Zu de.udacity.com continue in English