Главная страницаКатегория react.jsПолное введение в React, v3 (вместе с Redux, Router и Flow)

Полное введение в React, v3 (вместе с Redux, Router и Flow)

Name: Полное введение в React, v3 (вместе с Redux, Router и Flow)
Rating: 5 (171 reviews)

Complete Intro to React, v3 (feat. Redux, Router & Flow)

frontendmasters

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

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

14 ч 18 мин

Категория

React.js

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

97 Видео

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

2 июл. 2017 г., 16:49

Язык

Английский

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

28 апр. 2026 г., 21:37

Полное введение в React v3 — это идеальный старт для тех, кто хочет освоить современную разработку интерфейсов. В этом курсе вы не просто изучаете React, но также учитесь работать с ключевыми инструментами экосистемы: Redux, React Router, Flow, Jest и другими, формируя навыки создания масштабируемых и качественных приложений.

Что представляет собой курс

Курс сочетает в себе теорию и практику: по мере изучения React вы добавляете необходимые инструменты и учитесь интегрировать их в рабочий процесс. Такой подход помогает понять логические связи между технологиями и разработать собственную архитектуру приложения.

Основной упор на практику

Каждый новый модуль курса сопровождается практическими примерами, небольшими проектами и заданиями, которые помогают закрепить материал и увидеть применение инструментов в реальных сценариях.

Какие технологии вы освоите

При изучении курса вы познакомитесь с полным стеком инструментов, который используют современные фронтенд‑разработчики.

React

Вы разберёте основы React, включая компоненты, управление состоянием, жизненный цикл и работу с хуками. Научитесь структурировать компоненты и понимать лучшие практики работы с фреймворком.

React Router v4

Вы узнаете, как организовывать маршрутизацию в SPA‑приложениях, создавать вложенные маршруты и передавать параметры, обеспечивая удобную навигацию пользователя.

Redux

Курс показывает, как подключать и настраивать Redux для управления состоянием, создавать редьюсеры и экшены, а также эффективно связывать хранилище с React‑компонентами.

Jest

Вы научитесь тестировать интерфейс и бизнес‑логику приложения, писать юнит‑тесты и настраивать среду тестирования.

Flow и ESLint

Инструменты проверки типов и качества кода помогают поддерживать масштабируемость приложения и избегать распространённых ошибок.

Почему этот курс выделяется

Пошаговое добавление инструментов по мере необходимости.
Глубокая интеграция Redux, Router и Flow в единый проект.
Фокус на написании чистого, поддерживаемого кода.
Сочетание теории и практики на реальных примерах.

Для кого подходит этот курс

Курс идеально подходит для новичков в React, разработчиков, переходящих с других фреймворков, а также всех, кто хочет расширить знания и уверенно работать с современным стеком фронтенда.

Чему вы научитесь по итогам

Строить интерфейсы на React от нуля до развёртывания.
Организовывать архитектуру SPA‑приложений.
Использовать Redux для предсказуемого управления состоянием.
Настраивать маршрутизацию с React Router.
Писать тесты на Jest и поддерживать качество кода с ESLint и Flow.

Заключение

Этот курс — прочная основа для профессионального роста во фронтенд‑разработке и уверенный шаг к созданию современных, масштабируемых и надёжных приложений с React.

Удален по просьбе правообладателя

Урок 1.00:11:02
Introduction
Урок 2.00:07:22
Yarn Dependency Manager
Урок 3.00:11:19
Simple React Components
Урок 4.00:07:43
React Paradigm
Урок 5.00:11:31
Factories & Props
Урок 6.00:17:33
Prettier
Урок 7.00:16:12
ESLint
Урок 8.00:02:57
ESLint and SublimeText
Урок 9.00:02:10
webpack and Babel
Урок 10.00:12:52
Configuring webpack
Урок 11.00:10:07
Configuring Babel
Урок 12.00:10:48
Setting Up webpack.config.js File
Урок 13.00:04:59
Running webpack from npm
Урок 14.00:16:40
JSX
Урок 15.00:13:29
Starting a Web App
Урок 16.00:08:34
Setting up devServer
Урок 17.00:08:00
React Router
Урок 18.00:09:07
HashRouter
Урок 19.00:12:19
BrowserRouter
Урок 20.00:08:33
Loading JSON Data
Урок 21.00:15:03
Making a ShowCard Component
Урок 22.00:08:32
PropTypes
Урок 23.00:04:00
Using the Spread Operator in JSX
Урок 24.00:03:17
Key Prop
Урок 25.00:15:02
styled-components
Урок 26.00:02:58
One-Way Data Flow
Урок 27.00:10:35
Q&A: Key and styled-components
Урок 28.00:16:07
Managing State
Урок 29.00:14:21
transform-class-properties
Урок 30.00:13:02
Filtering
Урок 31.00:11:02
Q&A: Nested Arrays, ES6, & More
Урок 32.00:07:36
snapshot-testing-with-jest
Урок 33.00:14:58
Configuring & Running Jest
Урок 34.00:10:12
Shallow Testing with Enzyme
Урок 35.00:08:23
Testing the Number of ShowCards
Урок 36.00:10:06
Testing the Search Field
Урок 37.00:03:54
Thoughts on Testing
Урок 38.00:07:05
Test Coverage with Istanbul
Урок 39.00:02:44
Introducing Hot Module Replacement
Урок 40.00:20:51
Setting up HMR
Урок 41.00:05:26
Introducing Flow
Урок 42.00:08:34
Setting up Flow
Урок 43.00:15:40
Applying Flow
Урок 44.00:09:12
Defining flow-typed
Урок 45.00:03:13
Fixing flow-typed Definitions
Урок 46.00:18:45
URL Parameters
Урок 47.00:12:27
Sharing State & Updating the Search Component
Урок 48.00:07:18
Finishing the Details Component
Урок 49.00:04:57
Creating a Header Component
Урок 50.00:03:48
Conditional Display Logic Part 1
Урок 51.00:08:29
Conditional Display Logic Part 2
Урок 52.00:04:06
React Lifecycle Methods
Урок 53.00:18:59
componentDidMount() & AJAX Requests
Урок 54.00:09:28
Showcard Link
Урок 55.00:04:21
Wrapper and Q&A
Урок 56.00:07:08
React Development Tools
Урок 57.00:14:59
react-performance-tools
Урок 58.00:06:37
Q&A: Defining Components, & More
Урок 59.00:09:40
Introducing Redux
Урок 60.00:16:49
Setting up Redux
Урок 61.00:02:59
Connect Redux to React
Урок 62.00:08:27
Landing Interact with Store
Урок 63.00:06:05
Dispatching Actions to Redux
Урок 64.00:07:34
Redux Review
Урок 65.00:10:40
Search Submit Event
Урок 66.00:05:29
Using Redux in the Search Component
Урок 67.00:07:33
Using Redux in the Header Component
Урок 68.00:02:57
Q&A: Objects and Props, Dispatch, & More
Урок 69.00:02:23
Q&A: Recap
Урок 70.00:07:49
Refactor Redux for Flow
Урок 71.00:08:34
refactor-reducers
Урок 72.00:07:59
Redux DevTools
Урок 73.00:03:19
Q&A: Coding Issue, State, & More
Урок 74.00:02:35
Middleware & Thunks
Урок 75.00:10:25
Setting Up Middleware & Thunks in Redux
Урок 76.00:10:36
Async Functions
Урок 77.00:09:40
Adding Async Actions to the Details Component
Урок 78.00:04:00
Q&A: Async with Redux
Урок 79.00:06:12
Updating Snapshot
Урок 80.00:09:25
Dispatching Actions
Урок 81.00:08:35
Testing Reducers
Урок 82.00:06:53
Testing actionCreators
Урок 83.00:12:29
Testing Thunk
Урок 84.00:01:01
Q&A: Tests and Databases
Урок 85.00:05:20
Why Use Universal Rendering?
Урок 86.00:03:28
Separating the Client and Server Code
Урок 87.00:11:52
Implementing Server-Side Rendering
Урок 88.00:11:32
Running the Node Server
Урок 89.00:07:24
Fixing HMR
Урок 90.00:02:28
Code Splitting with Webpack
Урок 91.00:09:10
Async Routing
Урок 92.00:01:55
Setting Up Import
Урок 93.00:07:11
Creating a Landing Bundle
Урок 94.00:08:33
Creating Search and Details Bundles
Урок 95.00:14:11
Building for Production
Урок 96.00:08:29
Preact
Урок 97.00:10:45
Final Q&A and Wrapping Up

Автор - frontendmasters

frontendmasters

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

+792

Комментарии