ui.dev (ex. Tyler McGinnis)
Tyler McGinnis делает обучающее видео по AngularJS, React, D3 и многих других важных современных веб-технологий.
Продолжительность
6 ч 44 мин
Категория
React.jsКоличество уроков
50 Видео
Дата добавления
19 февр. 2018 г., 21:08
Язык
Английский
Дата выхода
6 дек. 2017 г., 00:00
Дата обновления
24 июн. 2020 г., 00:58
По уважительной причине, React Router является самой популярной сторонней библиотекой в экосистеме React. Если вы используете React, вероятность того что вы также используете React Router очень высока. React Router v4 представил новый динамический, основанный на компонентах подход к маршрутизации. Если вы привыкли к статической маршрутизации (например, в Express, Angular или Ember), эту новую парадигма может быть трудно понять. Целью этого курса является рассмотрение всех сценариев, которые могут возникнуть при создании приложения с помощью React Router, чтобы когда придет время, вы были готовы. С более чем шестью часами видео, 18 различными сценариями маршрутизации и реальным проектом, который вы построите, мы можем с уверенностью сказать, что этот курс является самым полным и эффективным способом изучения React Router.
Что вы узнаете
- Философия React Router v4
- Параметры URL
- Маршрутизация на стороне клиента
- Вложенные маршруты
- Программируем переходы
- Редиректы (аутентификация)
- 404 страницы
- Интеграция Redux
- Передача props в ссылки
- Sidebars
- Breadcrumbs
- Route Configs
- Custom Link components
- Предотвращение переходов
- Передача props в компоненты роутера
- Query Strings
- Рекурсивные пути
- Server Rendering
- Code Splitting
- тестирование
- Animated Transitions
Для кого этот курс?
- Новички в React, которые хотят лучше понять как использовать API-интерфейс React Router
- Опытные разработчики, которые хотят лучше понять абстракцию React Router
- Разработчики, желающие использовать параметры URL с помощью React Router
- Разработчики, желающие понять различия между различными технологиями маршрутизации на стороне клиента, такие как hash history и HTML5 history
- Разработчики, желающие узнать, как настроить вложенные маршруты с помощью React Router
- Продвинутые разработчики, желающие узнать о рендеренге на стороне клиента приложения React с React Router
- Разработчики, желающие создать сайдбар или навигацию с помощью React Router
- Разработчики, желающие добавить анимированные переходы в свои приложения
- Разработчики, планирующие интегрировать Redux с React Router
Посмотреть больше
- Урок 1.00:22:26Introduction and Philosophy behind React Router v4
- Урок 2.00:05:07URL Parameters with React Router v4
- Урок 3.00:03:04(Solution) URL Parameters
- Урок 4.00:19:34Nested routes with React Router v4
- Урок 5.00:12:29(Solution) Nested Routes
- Урок 6.00:04:14Pass props to a component rendered by React Router v4
- Урок 7.00:02:32(Solution) Passing Props
- Урок 8.00:07:04Programmatically navigate using React Router v4
- Урок 9.00:02:56(Solution) Programmatically Navigate (Declarative)
- Урок 10.00:01:58(Solution) Programmatically Navigate (Imperative)
- Урок 11.00:05:54Query Strings with React Router v4
- Урок 12.00:03:10(Solution) Query Strings
- Урок 13.00:06:39Handling 404 pages (catch all routes) with React Router v4
- Урок 14.00:02:42(Solution) Catch All Routes
- Урок 15.00:05:44Ambiguous Matches with React Router v4
- Урок 16.00:03:11(Solution) Ambiguous Matches
- Урок 17.00:04:19Pass props to React Router v4's Link component
- Урок 18.00:04:19(Solution) Passing Props to Link
- Урок 19.00:07:05Rendering a Sidebar or Breadcrumbs with React Router v4
- Урок 20.00:04:08(Solution) Sidebar
- Урок 21.00:06:35Customizing your own Link component with React Router v4
- Урок 22.00:02:19(Solution) Customizing Link
- Урок 23.00:04:47Project - Introduction and Starter Files with Create React App
- Урок 24.00:05:14Project - Given code for Project
- Урок 25.00:05:12Project - Setting up the initial routes
- Урок 26.00:01:47Project - Setting up a catch-all (404) route
- Урок 27.00:04:03Project - Setting up the Home route
- Урок 28.00:14:23Project - Fetching the players
- Урок 29.00:07:28Project - Rendering the players
- Урок 30.00:03:09Project - Fetching the teams
- Урок 31.00:11:23Project - Rendering the teams
- Урок 32.00:15:44Project - Setting up the teams page
- Урок 33.00:05:48Project - Fetching the team's articles
- Урок 34.00:08:06Project - Rendering the team's articles
- Урок 35.00:05:18Project - Creating a Loading component
- Урок 36.00:22:52Animated Transitions with React Router v4
- Урок 37.00:04:01(Solution) Animated Transitions
- Урок 38.00:04:55Project - Adding in Animated Transitions
- Урок 39.00:15:54Code Splitting with React Router v4
- Урок 40.00:02:45(Solution) DynamicImport
- Урок 41.00:01:41(Solution) React.lazy
- Урок 42.00:07:06Project - Code Splitting
- Урок 43.00:18:39Protected routes and authentication with React Router v4
- Урок 44.00:05:09(Solution) Protected Routes
- Урок 45.00:08:47Preventing transitions with React Router v4
- Урок 46.00:02:51(Solution) Preventing Transitions
- Урок 47.00:10:19Route Config with React Router v4
- Урок 48.00:05:47(Solution) Route Config
- Урок 49.00:52:40(Bonus) Server Rendering with React and React Router v4
- Урок 50.00:10:44(Bonus) Recursive paths with React Router v4
Автор - ui.dev (ex. Tyler McGinnis)
Другие материалы в этой категории
Комментарии
ilya-1974Don't buy. Music video instead of a course here.