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

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
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
    • Article: React: The Virtual DOM
    • 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
    • Article: Creating a React App
    • Project: Authorization Form
    • Quiz: React Components
  • Components Interacting: Learn how to make React components interact with one another.
    • Lesson: Components Render Other Components
    • Lesson: Props
    • Informational: React Developer Tools
    • Project: CodeyOverflow Forum
    • Quiz: Components Interacting
  • Hooks: Learn how to use Hooks in React, a powerful feature of function components.
    • Lesson: The State Hook
    • Lesson: The Effect Hook
    • Project: Passing Thoughts
    • Quiz: React Hooks
  • React Programming Patterns: Learn React programming patterns for mixing components with and without state.
    • Lesson: React Programming Patterns
    • Project: Video Player
    • Quiz: React Programming Patterns
  • React Styles: Learn how to apply styles to React apps and choose the right approach to keep your styles organized and manageable.
    • Lesson: React Styles
    • Project: Styling Rock, Paper, Scissors
    • Quiz: React Styles
  • React Forms: Learn how to create and interact with forms in React applications.
    • Lesson: React Forms
    • Article: What are Uncontrolled Components?
    • Project: Saucy Tango Food Order Form
    • Quiz: React Forms

Taught by

Jiwon Shin

Reviews

4.4 rating at Codecademy based on 2723 ratings

Start your review of Learn React

Never Stop Learning.

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

Someone learning on their laptop while sitting on the floor.