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
Scrimba Ad

Free courses from frontend to fullstack and AI

Learn More → Coursera Ad

Gain a Splash of New Skills - Coursera+ Annual Nearly 45% Off

Learn More →

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
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 3 Class Central reviews

Start your review of React JS Crash Course

  • Profile image for GUNTUBOINA VENKATA VIKRAM ADITYA CHANDRA
    GUNTUBOINA VENKATA VIKRAM ADITYA CHANDRA
    The curriculum at this center is exceptionally well-structured, particularly for core engineering subjects like Data Structures and Digital Logic. The instructors go beyond the textbook, focusing on real-world implementation in C++ and Python, which has significantly improved my problem-solving speed and understanding of complex algorithms. It is a great environment for anyone serious about building a strong technical foundation
  • 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.