Популярное

Музыка Кино и Анимация Автомобили Животные Спорт Путешествия Игры Юмор

Интересные видео

2025 Сериалы Трейлеры Новости Как сделать Видеоуроки Diy своими руками

Топ запросов

смотреть а4 schoolboy runaway турецкий сериал смотреть мультфильмы эдисон
dTub
Скачать

React JS Crash Course

Автор: Traversy Media

Загружено: 2021-01-18

Просмотров: 3531432

Описание:

Check out the latest version -    • React Crash Course  

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...

React Front To Back 2022 Course:
https://www.udemy.com/course/react-fr...

💖 Support The Channel!
  / 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

Поделиться в:

Доступные форматы для скачивания:

Скачать видео mp4

  • Информация по загрузке:

Скачать аудио mp3

Похожие видео

array(10) { [0]=> object(stdClass)#9608 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "LDB4uaJ87e0" ["related_video_title"]=> string(18) "React Crash Course" ["posted_time"]=> string(19) "1 год назад" ["channelName"]=> string(14) "Traversy Media" } [1]=> object(stdClass)#9581 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "PoRJizFvM7s" ["related_video_title"]=> string(56) "Async JS Crash Course - Callbacks, Promises, Async Await" ["posted_time"]=> string(19) "6 лет назад" ["channelName"]=> string(14) "Traversy Media" } [2]=> object(stdClass)#9606 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "Zmx66T5Dz6g" ["related_video_title"]=> string(80) "Apple explores new technique to make AI better match users’ writing styles" ["posted_time"]=> string(23) "7 часов назад" ["channelName"]=> string(18) "Coding With Nobody" } [3]=> object(stdClass)#9613 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "32M1al-Y6Ag" ["related_video_title"]=> string(20) "Node.js Crash Course" ["posted_time"]=> string(19) "1 год назад" ["channelName"]=> string(14) "Traversy Media" } [4]=> object(stdClass)#9592 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "cRzcnKxmIZo" ["related_video_title"]=> string(93) "Копия Miro с нуля на React в 2025 + Архитектура front-end БЕЗ FSD!" ["posted_time"]=> string(23) "1 месяц назад" ["channelName"]=> string(41) "Евгений Паромов | Front-end" } [5]=> object(stdClass)#9610 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "qZXt1Aom3Cs" ["related_video_title"]=> string(19) "Vue JS Crash Course" ["posted_time"]=> string(21) "4 года назад" ["channelName"]=> string(14) "Traversy Media" } [6]=> object(stdClass)#9605 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "hFcEVM0moYU" ["related_video_title"]=> string(58) "Как Путин видит окончание войны" ["posted_time"]=> string(24) "16 часов назад" ["channelName"]=> string(27) "Анатолий Шарий" } [7]=> object(stdClass)#9615 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "B1ULvYY-0Uo" ["related_video_title"]=> string(124) "Закон сохранения энергии — величайшее заблуждение физики [Veritasium]" ["posted_time"]=> string(24) "19 часов назад" ["channelName"]=> string(10) "Vert Dider" } [8]=> object(stdClass)#9591 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "cPdGt9v0Bag" ["related_video_title"]=> string(73) "Угроза для всего мира / Резкое заявление" ["posted_time"]=> string(23) "8 часов назад" ["channelName"]=> string(10) "NEXTA Live" } [9]=> object(stdClass)#9609 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "IgLGiJ00a1I" ["related_video_title"]=> string(151) "Проброс портов, брутфорс wordpress и jenkins! Прохожу машину Internal на TryHackMe, уровень тяжелый!" ["posted_time"]=> string(25) "2 месяца назад" ["channelName"]=> string(14) "Mister Exploit" } }
React Crash Course

React Crash Course

Async JS Crash Course - Callbacks, Promises, Async Await

Async JS Crash Course - Callbacks, Promises, Async Await

Apple explores new technique to make AI better match users’ writing styles

Apple explores new technique to make AI better match users’ writing styles

Node.js Crash Course

Node.js Crash Course

Копия Miro с нуля на React в 2025 + Архитектура front-end БЕЗ FSD!

Копия Miro с нуля на React в 2025 + Архитектура front-end БЕЗ FSD!

Vue JS Crash Course

Vue JS Crash Course

Как Путин видит окончание войны

Как Путин видит окончание войны

Закон сохранения энергии — величайшее заблуждение физики [Veritasium]

Закон сохранения энергии — величайшее заблуждение физики [Veritasium]

Угроза для всего мира / Резкое заявление

Угроза для всего мира / Резкое заявление

Проброс портов, брутфорс wordpress и jenkins! Прохожу машину Internal на TryHackMe, уровень тяжелый!

Проброс портов, брутфорс wordpress и jenkins! Прохожу машину Internal на TryHackMe, уровень тяжелый!

© 2025 dtub. Все права защищены.



  • Контакты
  • О нас
  • Политика конфиденциальности



Контакты для правообладателей: [email protected]