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
    • Lesson: Intro to JSX
    • Lesson: Advanced JSX
    • Project: Animal Fun Facts
    • Quiz: JSX
  • React Components: Learn to make React Components, the building blocks of all React.js applications.
    • Lesson: Your First React Component
    • Lesson: Components and Advanced JSX
    • Project: Authorization Form
    • Quiz: React Components
    • Article: Creating a React App
  • Components Interacting: Learn how to make React components interact with one another.
    • Lesson: Components Render Other Components
    • Lesson: this.props
    • Lesson: this.state
    • Project: Random Color Picker
    • Quiz: Components Interacting
    • Informational: React Developer Tools
  • Lifecycle Methods: Hook actions to specific moments in a component's life
    • Lesson: Component Lifecycle Methods
    • Project: Social Network for Pets
    • Quiz: Lifecycle
  • Hooks: Learn how to use Hooks in React, a powerful feature of function components.
    • Lesson: Function Components
    • Lesson: The State Hook
    • Lesson: The Effect Hook
    • Project: Passing Thoughts
    • Quiz: React Hooks
  • Stateless Components From Stateful Components: Learn React programming patterns for mixing components with and without state.
    • Lesson: Stateless Components From Stateful Components
    • Lesson: Child Components Update Their Parents' state
    • Lesson: Child Components Update Their Siblings' props
    • Project: Video Player
    • Quiz: Stateful and Stateless Programming Patterns
  • Additional React Basics: Learn the most essential remaining React fundamentals.
    • Lesson: Style
    • Lesson: Container Components From Presentational Components
    • Lesson: PropTypes
    • Lesson: React Forms
    • Article: What are Uncontrolled Components?
    • Project: Copycat
    • Quiz: Additional React Basics

Reviews

Start your review of Learn React

Never Stop Learning.

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