React Fundamentals

Overview

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.

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.

Syllabus

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.