How Duolingo Plans to Reach 100M Users

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

YouTube

React JS Crash Course

Traversy Media via YouTube

Start learning Write review
Boot.dev Ad

The Most Addictive Python and SQL Courses

Learn More → Coursera Ad

Google Data Analytics, IBM AI & Meta Marketing — All in One Subscription

Learn More →

Overview

Google, IBM & Meta Certificates — All 10,000+ Courses at 40% Off
One annual plan covers every course and certificate on Coursera. 40% off for a limited time.
Get Full Access
Dive into a comprehensive React JS crash course that guides you through building a task tracker app. Learn essential concepts including components, props, state, hooks, and API integration. Explore JSX, component creation, PropTypes, styling, and event handling. Master state management with useState and useEffect hooks, implement CRUD operations with a JSON server, and incorporate routing for a complete React application. Gain hands-on experience with practical features like task deletion, reminders, and form handling while following along with code examples and step-by-step instructions.

Syllabus

- Intro & Slides.
- Create a React app.
- Files & folders.
- App component & JSX.
- Expressions in JSX.
- Creating a component.
- Component Props.
- PropTypes.
- Styling.
- Button Component.
- Events.
- Tasks Component.
- Create a list with .map().
- State & useState Hook.
- Global state.
- Task Component.
- Icons with react-icons.
- Delete task & prop drilling.
- Optional message if no tasks.
- Toggle reminder & conditional styling.
- Add Task Form.
- Form input state (controlled components).
- Add task submit.
- showAddTask state.
- Button toggle.
- Build for production.
- JSON Server.
- useEffect Hook & Fetch tasks from server.
- Delete task from server.
- Add task to server.
- Toggle reminder on server.
- Routing, footer & about.

Taught by

Traversy Media

Reviews

5.0 rating, based on 2 Class Central reviews

Start your review of React JS Crash Course

  • Profile image for Riveen123 Peanuka
    Riveen123 Peanuka
    This React JS Crash Course by Traversy Media is an excellent introduction to React. Brad explains concepts clearly and step by step, making it easy for beginners to follow. The examples are practical and hands-on, giving a solid foundation in components, props, and state management.”
  • Chetan Ahire
    1
    This course changed how I think about and process code. I have always wanted to try building my own web application and this has given me the confidence to do so! Stephen really goes into great detail to help you gain a deep understanding of challenging concepts while keeping things fresh. I highly recommend this course to anyone
Start learning

Never Stop Learning.

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

Sign up for free
Someone learning on their laptop while sitting on the floor.