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

Learn React

via Scrimba

Description

The ultimate React 101 - the perfect starting point for any React beginner. Learn the basics of modern React by solving 140+ interactive coding challenges and building eight fun projects.

  • Local setup
  • Why React?
  • JSX
  • ReactDOM.render()
  • Custom components
  • Organizing components
  • Reusable components
  • JS inside JSX
  • Props
  • Destructuring props
  • Rendering arrays
  • Mapping components
  • Key prop
  • Passing objects as props
  • Spreading objects as props
  • Props vs state
  • useState
  • useState array destructuring
  • Changing state
  • Complex state
  • Refactoring state
  • Passing state as props
  • Local state
  • Unified state
  • Conditional rendering
  • React forms
  • Forms input
  • Forms state object
  • Submitting forms in React
  • Making API calls
  • useEffect
  • Async functions inside useEffect
  • Local storage with React
  • Lazy state initialization

Online Courses

Scrimba

Free

12 hours

Learn React

via Scrimba
Affiliate notice

  • Type
    Online Courses
  • Provider
    Scrimba
  • Pricing
    Free
  • Duration
    12 hours

The ultimate React 101 - the perfect starting point for any React beginner. Learn the basics of modern React by solving 140+ interactive coding challenges and building eight fun projects.
  • Local setup
  • Why React?
  • JSX
  • ReactDOM.render()
  • Custom components
  • Organizing components
  • Reusable components
  • JS inside JSX
  • Props
  • Destructuring props
  • Rendering arrays
  • Mapping components
  • Key prop
  • Passing objects as props
  • Spreading objects as props
  • Props vs state
  • useState
  • useState array destructuring
  • Changing state
  • Complex state
  • Refactoring state
  • Passing state as props
  • Local state
  • Unified state
  • Conditional rendering
  • React forms
  • Forms input
  • Forms state object
  • Submitting forms in React
  • Making API calls
  • useEffect
  • Async functions inside useEffect
  • Local storage with React
  • Lazy state initialization