ui.dev (ex. Tyler McGinnis)
Tyler McGinnis делает обучающее видео по AngularJS, React, D3 и многих других важных современных веб-технологий.
Мы подготовим вас к гонкам по созданию сложных приложений с помощью React Router. Есть более простой способ освоить React Router. Наш линейный курс подобен умному, опытному другу, который сядет рядом с вами, расскажет вам о каждой концепции и применит то, чему вы научились. Это наш секретный соус.
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
Tyler McGinnis делает обучающее видео по AngularJS, React, D3 и многих других важных современных веб-технологий.
Начиная с Angular 1 в 2010 году на сцену вырвались фреймворки JavaScript, которые необходимы практически для каждого крупного веб-сайта в интернете. React, появившийся несколькими годами позже, в 2013 году, стал доминирующим инструментом в этой группе. Что это значит для вас? Вы можете научиться использовать ту же структуру интерфейса, что и Facebook, Amazon, Netflix, BBC, Airbnb и Ebay, и это лишь некоторые из них. И вы не только узнаете, как ег
Поднимите сложную маршрутизацию React на новый уровень с помощью этого головокружительного тура по API и создайте настоящий проект. Изучите передовые методы маршрутизации на основе компонентов, сценарии аутентификации, скрытые жемчужины и отстаивайте свое следующее приложение React.
Почему React Router v5? React Router v4 представил новый динамический компонентный подход к маршрутизации. React Router v5 представил несколько пользовательских хуков.
Следуйте той же программе, которую я преподаю своим студентам в 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