ui.dev (ex. Tyler McGinnis)
Tyler McGinnis делает обучающее видео по AngularJS, React, D3 и многих других важных современных веб-технологий.
Продолжительность
4 ч 10 мин
Категория
React.jsКоличество уроков
54 Видео
Дата добавления
30 июл. 2019 г., 14:23
Язык
Английский
Дата выхода
24 июл. 2019 г., 15:13
Дата обновления
29 апр. 2026 г., 03:58
«Классический React» — это продуманный, последовательный и практико‑ориентированный курс, который поможет вам уверенно освоить React с нуля. Забудьте о разрозненных видеороликах и устаревших гайдах — здесь вы найдете структурированную программу, построенную на реальных примерах, современных практиках и понятной логике обучения.
Что делает этот курс особенным
Мы не просто знакомим вас с синтаксисом — мы формируем глубокое понимание экосистемы React и всех ключевых инструментов, с которыми работает современный разработчик.
Линейный и логичный путь обучения
Материал разделен на этапы, каждый из которых опирается на предыдущий. Такой подход позволяет усвоить сложные концепции без стресса и путаницы.
Упор на практику
Каждый важный блок сопровождается практическими заданиями, мини‑проектами и примерами применения в реальных задачах.
Только актуальные техники
Вы изучаете современный React: хуки, компоненты, управление состоянием, работу с API, оптимизации и актуальные паттерны.
Чему вы научитесь
- Понимать концепции компонентов, props и состояния
- Работать с хуками и создавать собственные
- Организовывать архитектуру React‑приложений
- Использовать React Router для построения навигации
- Интегрировать приложение с внешними API
- Применять оптимизации производительности
Кому подойдет курс
Курс идеально подходит:
- начинающим разработчикам, которые хотят освоить React с нуля;
- тем, кто уже пробовал изучать фреймворк, но запутался в терминологии и подходах;
- разработчикам, желающим перейти на современные стандарты и обновить свои знания.
Результат после прохождения курса
Вы будете уверенно разрабатывать полноценные интерфейсы на React, работать с популярными инструментами экосистемы и применять навыки на реальных проектах. Курс формирует не только технические знания, но и мышление фронтенд‑разработчика.
Почему стоит начать прямо сейчас
React остается одним из самых востребованных инструментов на рынке, а качественные курсы всегда дают значительное преимущество при трудоустройстве. Этот курс — ваш быстрый, четкий и надежный путь в профессиональную разработку.
- Урок 1.00:09:59Why React
- Урок 2.00:04:38(Bonus) Imperative vs Declarative Programming
- Урок 3.00:06:06An Introduction to npm
- Урок 4.00:08:48Webpack- A Gentle Introduction
- Урок 5.00:29:57(Project) First Component
- Урок 6.00:02:54JSX Tips and Gotchas
- Урок 7.00:01:00(Bonus) Elements vs Components
- Урок 8.00:01:40Props
- Урок 9.00:01:00(Solution) Props 1
- Урок 10.00:00:56(Solution) Props 2
- Урок 11.00:02:07(Solution) Props 3
- Урок 12.00:01:20Rendering Lists
- Урок 13.00:00:44(Solution) Rendering Lists 1
- Урок 14.00:05:12(Project) Popular Navbar
- Урок 15.00:13:35The -this- keyword
- Урок 16.00:03:11Managing State in React
- Урок 17.00:01:17(Solution) State 1
- Урок 18.00:01:51(Solution) State 2
- Урок 19.00:01:10(Solution) State 3
- Урок 20.00:03:13(Project) Navbar State
- Урок 21.00:01:01Function Components
- Урок 22.00:03:01(Project) Languages Nav
- Урок 23.00:02:16PropTypes
- Урок 24.00:02:25(Solution) PropTypes
- Урок 25.00:01:27(Project) Language Nav PropTypes
- Урок 26.00:03:56The Component Lifecycle
- Урок 27.00:07:22(Project) Fetch Repos
- Урок 28.00:07:45(Project) Repositories Table
- Урок 29.00:02:08Controlled vs Uncontrolled Components
- Урок 30.00:12:31(Project) Player Input
- Урок 31.00:06:04(Project) Player Preview
- Урок 32.00:03:02(Project) Result's Skeleton
- Урок 33.00:09:20(Project) API
- Урок 34.00:06:20(Project) Results
- Урок 35.00:01:01children in React
- Урок 36.00:01:05Default Props
- Урок 37.00:08:57(Project) Loading Component
- Урок 38.00:04:47Higher Order Components
- Урок 39.00:06:35(Project) Tooltip
- Урок 40.00:04:53(Project) withHover Higher Order Component
- Урок 41.00:02:16Render Props
- Урок 42.00:03:33(Project) Hover Render Prop
- Урок 43.00:04:57React Context
- Урок 44.00:02:24React Router - The Fundamentals
- Урок 45.00:02:57(Project) Adding Routes
- Урок 46.00:07:52(Project) Navbar
- Урок 47.00:02:38React Router Query Strings
- Урок 48.00:07:37(Project) withSearchParams
- Урок 49.00:02:14Class Fields
- Урок 50.00:03:33(Project) Migrating to Class Fields
- Урок 51.00:05:30Code Splitting
- Урок 52.00:01:45(Project) Code Splitting
- Урок 53.00:02:06(Project) Production Build
- Урок 54.00:04:19(Project) Hosting with Vercel
Автор - ui.dev (ex. Tyler McGinnis)
Комментарии
Use webpack serve in your scripts and then run npm run build
https://coursehunters.online/t/react-ui-dev-pt-2/3694/2
https://coursehunters.online/t/react-ui-dev-pt-3/3695/2
https://coursehunters.online/t/react-ui-dev-pt-4/3696/2
https://coursehunters.online/t/react-ui-dev-pt-5/3697/2
https://coursehunters.online/t/react-ui-dev-pt-6/3698/2
https://coursehunters.online/t/react-ui-dev-pt-7/3699/2