YoVDO

React JS Crash Course

Offered By: Traversy Media via YouTube

Tags

React Courses Web Development Courses Routing Courses JSX Courses

Course Description

Overview

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

Related Courses

Computer Networks
University of Washington via Coursera
Cloud Networking
University of Illinois at Urbana-Champaign via Coursera
Front End Frameworks
Google via Udacity
Build a Simple Dynamic Site with Node.js Course (How To)
Treehouse
VLSI Physical Design
Indian Institute of Technology, Kharagpur via Swayam