Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Codecademy

Learn React

via Codecademy

Overview

Build powerful interactive applications with React, a popular JavaScript library.

### Why Learn ReactJS?

ReactJS offers graceful solutions to some of front-end programming’s most persistent issues, allowing you to build dynamic and interactive web apps with ease. It’s fast, scalable, flexible, powerful, and has a robust developer community that’s rapidly growing. There’s never been a better time to learn React.

### Take-Away Skills:
You’ll develop a strong understanding of React’s most essential concepts: JSX, class and function components, props, state, lifecycle methods, and hooks. You’ll be able to combine these ideas in React’s modular programming style.

### Note on Prerequisites:
A strong foundation in JavaScript is a prerequisite for this course, as well as basic HTML.

Syllabus

  • JSX: Learn to use JSX, the basic syntax of React.js
    • Intro to JSX
    • Advanced JSX
    • Animal Fun Facts
    • JSX

  • React Components: Learn to make React Components, the building blocks of all React.js applications.
    • Your First React Component
    • Components and Advanced JSX
    • Authorization Form
    • React Components
    • Creating a React App

  • Components Interacting: Learn how to make React components interact with one another.
    • Components Render Other Components
    • this.props
    • this.state
    • Random Color Picker
    • Components Interacting
    • React Developer Tools

  • Lifecycle Methods: Hook actions to specific moments in a component's life
    • Component Lifecycle Methods
    • Social Network for Pets
    • Lifecycle Quiz

  • Hooks: Learn how to use Hooks in React, a powerful feature of function components.
    • Function Components
    • The State Hook
    • The Effect Hook
    • Passing Thoughts
    • React Hooks

  • Stateless Components From Stateful Components: Learn React programming patterns for mixing components with and without state.
    • Stateless Components From Stateful Components
    • Child Components Update Their Parents' state
    • Child Components Update Their Siblings' props
    • Video Player
    • Stateful and Stateless Programming Patterns

  • Advanced React: Learn the most essential remaining React fundamentals.
    • Style
    • Container Components From Presentational Components
    • PropTypes
    • React Forms
    • What are Uncontrolled Components?
    • Copycat
    • Advanced React

Reviews

Start your review of Learn React

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.