Этот курс по Intermediate React поможет вам уверенно выйти за рамки базового уровня и научиться строить производительные, масштабируемые и поддерживаемые приложения. Вы освоите тестирование, серверный рендеринг, TypeScript и современные подходы к организации кода — всё, что нужно для профессиональной разработки на React.
Что вы изучите в этом курсе
Курс последовательно раскрывает ключевые инструменты и техники, которые применяются в современных продакшен‑проектах на React.
Тестирование компонентов
Вы узнаете, как использовать Jest для создания надежных тестов компонентов, гарантировать стабильность приложения и ускорить процесс разработки.
CSS‑in‑JS
Освойте написание стилей непосредственно в компонентах с помощью CSS‑in‑JS, чтобы упростить поддержку, улучшить переиспользование и избежать конфликтов стилей.
Код‑сплиттинг и оптимизация загрузки
Благодаря React Loadable вы научитесь разделять код на отдельные чанки, снижать размер первоначальной загрузки и повышать отзывчивость приложения.
Серверный рендеринг
Вы изучите, как реализовать SSR (Server‑Side Rendering) с помощью React и Node.js, чтобы улучшить SEO и обеспечить более быстрое отображение контента пользователю.
TypeScript в React
Интеграция TypeScript поможет сделать код более предсказуемым, безопасным и удобным в масштабировании.
Видео формат курса
Видео в формате .webm: оптимально поддерживается в Google Chrome и обеспечивает высокую четкость при низком размере файла.
хочет применять современные инструменты на реальных проектах;
стремится углубить знания и перейти на уровень middle‑разработчика;
ищет структуру для изучения продвинутых практик React.
Результат прохождения курса
По завершении обучения вы сможете уверенно работать с современным стеком React, создавать производительные приложения и применять лучшие практики для разработки в продакшене.
Удален по просьбе правообладателя
Урок 1.00:09:06
Course Overview & Setup
Урок 2.00:06:23
Writing a Component Test with Jest
Урок 3.00:06:42
Jest Snapshot Tests
Урок 4.00:00:41
Creating a Jest CLI Script
Урок 5.00:04:00
Testing Component Methods
Урок 6.00:02:01
Jest Watch
Урок 7.00:05:04
Code Coverage
Урок 8.00:04:48
Testing Philosophy & Q&A
Урок 9.00:05:17
Install Emotion & Extract a Module
Урок 10.00:04:49
Styling Components with Emotion
Урок 11.00:06:47
Reusing Styles with JavaScript
Урок 12.00:03:36
Emotion Q&A
Урок 13.00:03:11
Animation with Emotion
Урок 14.00:07:29
Why Emotion & CSS in JS
Урок 15.00:06:44
React Loadable
Урок 16.00:04:43
Why Code Split & Q&A
Урок 17.00:05:02
Splitting All Components
Урок 18.00:08:11
Loading Modal HTML Asynchronously
Урок 19.00:02:19
Prefetch
Урок 20.00:02:17
Code Splitting Without Loadable
Урок 21.00:05:47
Redux Overview
Урок 22.00:05:11
Creating the Store
Урок 23.00:05:13
Root Reducer
Урок 24.00:06:27
Creating a Reducer
Урок 25.00:03:40
Recap & Testing a Reducer
Урок 26.00:07:00
Adding More Reducers
Урок 27.00:06:20
Action Creators & Actions
Урок 28.00:07:28
Connecting to React with react-redux
Урок 29.00:10:38
Redux Thunks & Dispatch
Урок 30.00:04:02
Refactoring React to Use Redux
Урок 31.00:11:28
Connecting Actions to the Search Box
Урок 32.00:08:56
Redux Dev Tools
Урок 33.00:04:56
Q&A and Other State Management Tools
Урок 34.00:03:46
Why Server Side Rendering
Урок 35.00:06:37
Running React in Node.js
Урок 36.00:03:40
Building Your Project for Production
Урок 37.00:13:30
Rendering Generated Markup
Урок 38.00:05:31
renderToNodeStream
Урок 39.00:11:57
Preact
Урок 40.00:03:06
Building for Production
Урок 41.00:05:53
Code Organization
Урок 42.00:07:35
TypeScript
Урок 43.00:04:33
Adding Types to a React Component
Урок 44.00:05:11
Switching from ESLint to TSLint
Урок 45.00:09:28
Converting the App to TypeScript
Урок 46.00:06:52
Typing the Carousel Component
Урок 47.00:10:43
Typing Pet & Search Component
Урок 48.00:09:42
Typing the Rest of the App
Урок 49.00:03:08
Wrap Up Typing & Q&A
Авторы - Brian Holt, master.dev (ex FrontendMasters)
Брайан Холт в настоящее время занимает должность вице-президента по продукту в SQLite Cloud, привнося свой богатый опыт в области JavaScript-инженерии в продуктовую сферу. Его обширный опыт включает работу инженером по JavaScript и менеджером проектов в таких технологических гигантах, как Netflix, Stripe, Snowflake, LinkedIn, Microsoft и Reddit. Брайан обладает острым взглядом на опыт разработчиков и облачные сервисы. Вне работы Брайан заканчивае
Master.dev — это образовательная платформа для разработчиков, которая помогает совершенствовать инженерные навыки: от изучения языков программирования и веб-разработки до работы с базами данных, облачной инфраструктурой, DevOps и искусственным интеллектом. Ранее известная как Frontend Masters, платформа расширила фокус и теперь обучает разработчиков всему спектру современной разработки ПО.