Главная страницаКатегория react.jsIntermediate React

Intermediate React

Name: Intermediate React
Rating: 5 (37 reviews)

frontendmasters

Brian Holt

★5 (всего оценок - 37)

Продолжительность

4 ч 57 мин

Категория

React.js

Количество уроков

49 Видео

Дата добавления

20 сент. 2018 г., 05:49

Язык

Английский

Дата выхода

1 янв. 2018 г., 01:00

Дата обновления

29 апр. 2026 г., 01:12

Этот курс по 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 и обеспечивает высокую четкость при низком размере файла.

Полезные ссылки для дальнейшего изучения

Кому подойдет этот курс

Этот курс будет особенно полезен тем, кто:

уже знаком с базовыми концепциями React;
хочет применять современные инструменты на реальных проектах;
стремится углубить знания и перейти на уровень 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, frontendmasters

Brian Holt

Брайан Холт в настоящее время занимает должность вице-президента по продукту в SQLite Cloud, привнося свой богатый опыт в области JavaScript-инженерии в продуктовую сферу. Его обширный опыт включает работу инженером по JavaScript и менеджером проектов в таких технологических гигантах, как Netflix, Stripe, Snowflake, LinkedIn, Microsoft и Reddit. Брайан обладает острым взглядом на опыт разработчиков и облачные сервисы. Вне работы Брайан заканчивае

+15

frontendmasters

FrontendMasters — одна из ведущих онлайн-платформ для изучения фронтенд- и веб-разработки. Курсы представлены в формате видеоворкшопов и преподаются практикующими экспертами из крупных технологических компаний. Платформа охватывает широкий спектр современных технологий (JavaScript, React, TypeScript и др.) и делает упор на глубокое понимание и применение знаний на практике.

+795

Комментарии