ui.dev (ex. Tyler McGinnis)
Tyler McGinnis делает обучающее видео по AngularJS, React, D3 и многих других важных современных веб-технологий.
Продолжительность
3 ч 15 мин
Категория
React.js
Количество уроков
41 Видео
Дата добавления
22 окт. 2022 г., 23:15
Язык
Английский
Мы подготовим вас к гонкам по созданию сложных приложений с помощью React Router. Есть более простой способ освоить React Router. Наш линейный курс подобен умному, опытному другу, который сядет рядом с вами, расскажет вам о каждой концепции и применит то, чему вы научились. Это наш секретный соус.
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
-
Урок 1. 00:07:21The Fundamentals
-
Урок 2. 00:02:48(Solution) The Fundamentals
-
Урок 3. 00:04:39(Project) Introduction
-
Урок 4. 00:05:07(Project) Initial Routes
-
Урок 5. 00:09:34URL Parameters
-
Урок 6. 00:02:28(Solution) URL Parameters
-
Урок 7. 00:05:52(Project) Home
-
Урок 8. 00:04:31Query Strings
-
Урок 9. 00:02:45(Solution) Query Strings
-
Урок 10. 00:14:20(Project) Team Page
-
Урок 11. 00:03:33Customizing React Router's Link Component
-
Урок 12. 00:01:34(Solution) Customizing Link
-
Урок 13. 00:11:11(Project) Players
-
Урок 14. 00:05:19Nested Routes
-
Урок 15. 00:03:24(Solution) Nested Routes
-
Урок 16. 00:04:10(Solution) Nested Routes - Outlet
-
Урок 17. 00:08:21Project - Player
-
Урок 18. 00:09:04(Project) Team
-
Урок 19. 00:08:56(Project) Articles
-
Урок 20. 00:13:20(Project) Loading
-
Урок 21. 00:04:03Programmatically Navigate
-
Урок 22. 00:02:39(Solution) Programmatically Navigate (Declarative)
-
Урок 23. 00:01:50(Solution) Programmatically Navigate (Imperative)
-
Урок 24. 00:05:59(Project) Navigate
-
Урок 25. 00:05:34Code Splitting
-
Урок 26. 00:01:30(Solution) React.lazy
-
Урок 27. 00:01:54(Project) Code Splitting
-
Урок 28. 00:04:20Route Configs
-
Урок 29. 00:02:33(Solution) Route Config
-
Урок 30. 00:05:59(Project) Config
-
Урок 31. 00:07:53Protected Routes
-
Урок 32. 00:03:46(Solution) Protected Routes
-
Урок 33. 00:01:02Handling 404 Pages
-
Урок 34. 00:02:21(Solution) Catch All Routes
-
Урок 35. 00:02:34Passing Props to Link
-
Урок 36. 00:01:32(Solution) Passing Props to Link
-
Урок 37. 00:03:29Sidebars
-
Урок 38. 00:02:57(Solution) Sidebar
-
Урок 39. 00:01:17Passing Props to React Router Components
-
Урок 40. 00:03:30Recursive Paths
-
Урок 41. 00:00:28Outro + Next Steps
Автор - ui.dev (ex. Tyler McGinnis)
Категории
Комментарии
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
Другие материалы в этой категории
Reactjs с нуля. С Redux и React Router
React js. From the beginning. w/ Redux and React Router
Начиная с Angular 1 в 2010 году на сцену вырвались фреймворки JavaScript, которые необходимы практически для каждого крупного веб-сайта в интернете. React, появившийся несколькими годами позже, в 2013 году, стал доминирующим инструментом в этой группе. Что это значит для вас? Вы можете научиться использовать ту же структуру интерфейса, что и Facebook, Amazon, Netflix, BBC, Airbnb и Ebay, и это лишь некоторые из них. И вы не только узнаете, как ег
ultimatecourses.com
13 июн. 2021 г., 01:59
React Router v6
Поднимите сложную маршрутизацию React на новый уровень с помощью этого головокружительного тура по API и создайте настоящий проект. Изучите передовые методы маршрутизации на основе компонентов, сценарии аутентификации, скрытые жемчужины и отстаивайте свое следующее приложение React.
ui.dev (ex. Tyler McGinnis)
5 июл. 2020 г., 15:11
React Router v5
Почему React Router v5? React Router v4 представил новый динамический компонентный подход к маршрутизации. React Router v5 представил несколько пользовательских хуков.
Современный React Bootcamp (с Hooks, React Router и др.)
The Modern React Bootcamp (Hooks, Context, Router & More)
Следуйте той же программе, которую я преподаю своим студентам в SF. 10+ проектов, включая одно ОГРОМНОЕ приложение! Добро пожаловать на лучший онлайн ресурс для изучения React! Этот курс, опубликованный в апреле 2019 года, является совершенно новым и охватывает последние новости React. Этот курс следует точно такой же программе React, которой следуют мои ученики буткемпа в Сан-Франциско, где студенты продолжают работать в таких местах, как Google
https://codesandbox.io/s/pt6vlg?file=%2FApp.js&from-sandpack=true
(SOLUTION) THE FUNDAMENTALS
https://codesandbox.io/s/is3zsv?file=%2FApp.js&from-sandpack=true
https://github.com/uidotdev/react-router-course/tree/1-starter-code
https://github.com/uidotdev/react-router-course/tree/2-initial-routes
(PRACTICE) URL PARAMETERS
https://codesandbox.io/s/p8nf3f?file=%2FApp.js&from-sandpack=true
(SOLUTION) URL PARAMETERS
https://codesandbox.io/s/zjuzn3?file=%2FApp.js&from-sandpack=true
https://github.com/uidotdev/react-router-course/tree/3-home
(PRACTICE) QUERY STRINGS
https://codesandbox.io/s/5vmjgz?file=%2FApp.js&from-sandpack=true
(SOLUTION) QUERY STRINGS
https://codesandbox.io/s/l97vtz?file=%2FApp.js&from-sandpack=true
(PROJECT) TEAM PAGE
https://github.com/uidotdev/react-router-course/tree/e2acc2ae314ef280f36713bfb9302e606e38567c
(PRACTICE) CUSTOMIZING LINK
https://codesandbox.io/s/82iche?file=%2FApp.js&from-sandpack=true
(SOLUTION) CUSTOMIZING LINK
https://codesandbox.io/s/59sr0n?file=%2FApp.js&from-sandpack=true
(PROJECT) PLAYERS
https://github.com/uidotdev/react-router-course/tree/5-players
(PRACTICE) NESTED ROUTES
https://codesandbox.io/s/p1gppv?file=%2FApp.js&from-sandpack=true
(SOLUTION) NESTED ROUTES
https://codesandbox.io/s/gourz8?file=%2FApp.js&from-sandpack=true
(PRACTICE) NESTED ROUTES - OUTLET
https://codesandbox.io/s/t4xbxk?file=%2FApp.js&from-sandpack=true
(SOLUTION) NESTED ROUTES - OUTLET
https://codesandbox.io/s/2kcsyh?file=%2FApp.js&from-sandpack=true
PROJECT - PLAYER
https://github.com/uidotdev/react-router-course/tree/6-player
(PROJECT) TEAM
https://github.com/uidotdev/react-router-course/tree/7-team
(PROJECT) ARTICLES
https://github.com/uidotdev/react-router-course/tree/8-articles
(PROJECT) LOADING
https://github.com/uidotdev/react-router-course/tree/9-loading
(PRACTICE) PROGRAMMATICALLY NAVIGATE - DECLARATIVE
https://codesandbox.io/s/hslkcz?file=%2FApp.js&from-sandpack=true
(SOLUTION) PROGRAMMATICALLY NAVIGATE (DECLARATIVE)
https://codesandbox.io/s/t0j6jo?file=%2FApp.js&from-sandpack=true
(PRACTICE) PROGRAMMATICALLY NAVIGATE - IMPERATIVE
https://codesandbox.io/s/gbzxsz?file=%2FApp.js&from-sandpack=true
(SOLUTION) PROGRAMMATICALLY NAVIGATE (IMPERATIVE)
https://codesandbox.io/s/6khlfn?file=%2FApp.js&from-sandpack=true
(PROJECT) NAVIGATE
https://github.com/uidotdev/react-router-course/tree/10-navigate
(PRACTICE) REACT.LAZY
https://codesandbox.io/s/q00xxg?file=%2FApp.js&from-sandpack=true
(SOLUTION) REACT.LAZY
https://codesandbox.io/s/p506mg?file=%2FApp.js&from-sandpack=true
(PROJECT) CODE SPLITTING
https://github.com/uidotdev/react-router-course/tree/11-split
(PRACTICE) ROUTE CONFIGS
https://codesandbox.io/s/41z0h7?file=%2FApp.js&from-sandpack=true
(SOLUTION) ROUTE CONFIG
https://codesandbox.io/s/cdx0vb?file=%2FApp.js&from-sandpack=true
(PROJECT) CONFIG
https://github.com/uidotdev/react-router-course/tree/12-config
(PRACTICE) PROTECTED ROUTES
https://codesandbox.io/s/5fs1v8?file=%2FApp.js&from-sandpack=true
(SOLUTION) PROTECTED ROUTES
https://codesandbox.io/s/tn0qf2?file=%2FApp.js&from-sandpack=true
(PRACTICE) CATCH ALL ROUTES
https://codesandbox.io/s/b7ekcs?file=%2FApp.js&from-sandpack=true
(SOLUTION) CATCH ALL ROUTES
https://codesandbox.io/s/vezye6?file=%2FApp.js&from-sandpack=true
(PRACTICE) PASSING PROPS TO LINK
https://codesandbox.io/s/n859dr?file=%2FApp.js&from-sandpack=true
(SOLUTION) PASSING PROPS TO LINK
https://codesandbox.io/s/qdzh68?file=%2FApp.js&from-sandpack=true
(PRACTICE) SIDEBARS
https://codesandbox.io/s/oio5m3?file=%2FApp.js&from-sandpack=true
(SOLUTION) SIDEBAR
https://codesandbox.io/s/zeiuiz?file=%2FApp.js&from-sandpack=true