React JS Crash Course 2021
Get started with React in this crash course. We will be building a task tracker app and look at components, props, state, hooks, working with an API and more.
Code:
https://github.com/bradtraversy/react-crash-2021
React & Other Course Links at - https://traversymedia.com
💖 Support The Channel!
http://www.patreon.com/traversymedia
Timestamps:
0:00 - Intro & Slides
12:37 - Create a React app
14:52 - Files & folders
18:54 - App component & JSX
22:39 - Expressions in JSX
23:49 - Creating a component
27:18 - Component Props
28:50 - PropTypes
30:42 - Styling
34:17 - Button Component
37:46 - Events
40:18 - Tasks Component
41:03 - Create a list with .map()
43:07 - State & useState Hook
44:55 - Global state
46:52 - Task Component
49:30 - Icons with react-icons
51:41 - Delete task & prop drilling
55:50 - Optional message if no tasks
56:58 - Toggle reminder & conditional styling
1:03:13 - Add Task Form
1:06:16 - Form input state (controlled components)
1:09:18 - Add task submit
1:14:36 - showAddTask state
1:15:58 - Button toggle
1:19:33 - Build for production
1:21:51 - JSON Server
1:25:53 - useEffect Hook & Fetch tasks from server
1:30:13 - Delete task from server
1:31:51 - Add task to server
1:35:15 - Toggle reminder on server
1:39:15 - Routing, footer & about
Видео React JS Crash Course 2021 канала Traversy Media
Code:
https://github.com/bradtraversy/react-crash-2021
React & Other Course Links at - https://traversymedia.com
💖 Support The Channel!
http://www.patreon.com/traversymedia
Timestamps:
0:00 - Intro & Slides
12:37 - Create a React app
14:52 - Files & folders
18:54 - App component & JSX
22:39 - Expressions in JSX
23:49 - Creating a component
27:18 - Component Props
28:50 - PropTypes
30:42 - Styling
34:17 - Button Component
37:46 - Events
40:18 - Tasks Component
41:03 - Create a list with .map()
43:07 - State & useState Hook
44:55 - Global state
46:52 - Task Component
49:30 - Icons with react-icons
51:41 - Delete task & prop drilling
55:50 - Optional message if no tasks
56:58 - Toggle reminder & conditional styling
1:03:13 - Add Task Form
1:06:16 - Form input state (controlled components)
1:09:18 - Add task submit
1:14:36 - showAddTask state
1:15:58 - Button toggle
1:19:33 - Build for production
1:21:51 - JSON Server
1:25:53 - useEffect Hook & Fetch tasks from server
1:30:13 - Delete task from server
1:31:51 - Add task to server
1:35:15 - Toggle reminder on server
1:39:15 - Routing, footer & about
Видео React JS Crash Course 2021 канала Traversy Media
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
Learn HTML5 and CSS3 For Beginners - Crash CourseWeb Development In 2021 - A Practical Guide10 React Hooks Explained // Plus Build your own from ScratchBeginner React.js Coding Interview (ft. Clément Mihailescu)JavaScript: Understanding the Weird Parts - The First 3.5 Hours10 Ways to Make Money as a DeveloperVue.js: The DocumentaryNext.js Crash Course 2021I Challenged The CSS King To A CSS BattleLaravel Crash Course 2020JavaScript Crash Course For BeginnersIonic 4 & Angular Tutorial For Beginners - Crash CourseBuild Glass Website with HTML and CSS TutorialInverting Binary Trees - You Suck at Coding [1]Async JS Crash Course - Callbacks, Promises, Async AwaitNext.js in 100 Seconds // Plus Full Beginner's TutorialTypeScript Course for Beginners 2020 - Learn TypeScript from Scratch!Create a Website With Video Background | HTML & CSSThe Perfect Project For Your PortfolioRaspberry Pi versus AWS // How to host your website on the RPi4