
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