Become a professional React developer

1 участник

О чём курс

Этот интенсивный курс по React представляет собой глубокое погружение в современные инструменты и практики разработки на JavaScript. Программа разработана для тех, кто хочет выйти за рамки базовых знаний и освоить продвинутые концепции, необходимые для создания масштабируемых и производительных веб-приложений. Курс охватывает широкий спектр тем: от управления состоянием с помощью Redux и React Context до оптимизации рендеринга и использования React Hooks. Вы научитесь эффективно переиспользовать код, применяя такие паттерны, как Higher Order Components (HOCs) и Render Props, а также разберетесь в тонкостях работы с React Router для создания сложных навигационных структур.

Обучение проходит в формате интерактивных скринкастов, что позволяет не просто наблюдать за процессом написания кода, но и активно участвовать в нем. Всего в курсе представлено 124 урока, распределенных по 9 логическим модулям. Такой подход обеспечивает плавное погружение в материал: вы начнете с основ современного JavaScript, перейдете к продвинутым методам оптимизации, таким как React.memo(), PureComponent и shouldComponentUpdate(), и закончите созданием полноценного приложения, где на практике закрепите все полученные навыки. Вы научитесь работать с типизацией пропсов, фрагментами и сложными состояниями, что критически важно для профессиональной разработки.

Особое внимание в курсе уделено подготовке к реальной работе. Помимо технической составляющей, вы получите ценные советы по прохождению технических собеседований. Автор курса — Боб, директор по образованию в V School и признанный эксперт в преподавании веб-разработки, чей вводный курс по React стал одним из самых популярных в сети. Его методика обучения ориентирована на практику, поэтому вы не только поймете теорию, но и научитесь решать задачи, с которыми сталкиваются разработчики в повседневной деятельности. Выход на новый уровень владения React, понимание внутренних механизмов библиотеки и готовность к решению сложных архитектурных задач — вот основные результаты прохождения этого обучения. Это идеальный выбор для тех, кто стремится стать востребованным специалистом и хочет систематизировать свои знания в экосистеме React, получив при этом практический опыт работы с современным стеком технологий.

Программа обучения

01 Course Introduction and Overview 10:09 02 Setting the stage with modern JavaScript features 6:59 03 React.Fragment 5:18 04 Default Props 5:30 05 Prop Types 8:27 06 defaultProps and propTypes Practice 5:27 07 React Bootcamp Feedback 0:46 01 Code Reuse in React Preview4:33 02 React Children 9:18 03 React Children Practice 6:44 04 HOCs Part 1 4:16 05 HOCs Part 2 7:47 06 HOCs Part 3 (Practice) 5:38 07 HOCs Part 4 26:00 08 Render Props Part 1 4:59 09 Render Props Part 2 13:54 10 Render Props Part 3 19:15 11 Render Props practice 7:57 12 React's Tree Rendering 4:29 13 React Bootcamp Feedback 0:20 01 What is "Shallow Comparison"? 9:23 02 shouldComponentUpdate() 11:33 03 React.PureComponent 7:15 04 React.memo() 10:06 05 React Bootcamp Feedback 0:20 01 Context Intro 6:24 02 Context Provider 4:01 03 contextType 7:00 04 Context Practice 1 5:29 05 Context.Consumer 12:12 06 Context Practice 2 3:17 07 Move Context Provider to its own component 8:41 08 Changing Context 6:36 09 Context Practice 3 14:08 10 Context Conclusion 4:02 11 React Bootcamp Feedback 0:20 01 Intro to React Router Preview6:35 02 React Router - BrowserRouter 3:30 03 React Router - Link 3:19 04 React Router - Switch & Route 8:03 05 React Router - Switch & Route Practice 4:33 06 React Router - props passed to routed components 4:17 07 React Router Nested Routes 7:39 08 React Router useParams 14:25 09 React Router useRouteMatch 5:35 10 React Router useHistory 5:07 11 React Router useLocation 2:54 12 React Router - Redirect 7:13 13 React Router Practice Part 1 5:02 14 React Router Practice Part 2 7:55 15 React Bootcamp Feedback 0:20 01 Pic Some App - What we're building Preview5:20 02 Pic Some App Part 1 - React Router Setup 5:30 03 Pic Some App Part 2 - Context Setup 4:06 04 Pic Some App Part 3 - Context State 1:24 05 Pic Some App Part 4 - Fetch Photos 3:39 06 Pic Some App Part 5 - Map Photos 10:24 07 Pic Some App Part 6 - Track Hover State 2:41 08 Pic Some App Part 7 - Display Icons on Hover 3:31 09 Pic Some App Part 8 - Toggle isFavorite 8:55 10 Pic Some App Part 9 - Display Favorites 3:56 11 Pic Some App Part 10 - Image propTypes 4:23 12 Pic Some App Part 11 - Add Image to Cart 3:17 13 Pic Some App Part 12 - Indicate When Image is Already in Cart 5:58 14 Pic Some App Part 13 - Remove From Cart 4:28 15 Pic Some App Part 14 - Update Header Cart Icon 3:27 16 Pic Some App Part 15 - Cart Page Setup 5:04 17 Pic Some App Part 16 - Remove Items from Cart Page 2:07 18 Pic Some App Part 17 - Calculate Total Cost 3:07 19 Pic Some App Part 18 - Place Order 3:23 20 Pic Some App Part 19 - Minor UX Improvements 5:48 21 Pic Some App Part 20 - Custom Hover Hook 8:58 01 Redux Intro 8:38 02 Plain JS Redux - Overview 1:50 03 Plain JS Redux - Actions 1:39 04 Plain JS Redux - Action Creators 1:14 05 Plain JS Redux - Reducer 5:43 06 Plain JS Redux Practice 1 5:58 07 Plain JS Redux - Creating the Store 1:30 08 Plain JS Redux - subscribe and getState 1:37 09 Plain JS Redux - dispatch 5:15 10 Plain JS Redux - Payload in action creators 5:30 11 Plain JS Redux - Handling more complex state 7:04 12 Plain JS Redux - Practice 5:34 13 Plain JS Redux - Even more complex state 6:51 14 Plain JS Redux - combineReducers Part 1 10:33 15 Plain JS Redux - combineReducers Part 2 10:01 16 Plain JS Redux Practice 1 3:52 17 Plain JS Redux Practice 2 8:41 18 Redux in React - Setup & Practice 3:18 19 Redux in React - react-redux & Provider 3:39 20 Redux in React - connect() 4:22 21 Redux in React - mapStateToProps 6:14 22 Redux in React - mapDispatchToProps 6:34 23 Redux in React - useSelector() 3:11 24 Redux in React - useDispatch() 3:13 25 Redux in React - Redux Thunk 12:59 26 React Bootcamp Feedback 0:20 01 Getting Hired - Intro Preview9:21 02 Getting Hired - Edabit 2:41 03 Getting Hired - CodeSignal 2:13 04 Getting Hired - Pramp 2:01 05 Getting Hired - Problem Solving

Складчина создана 16 ноября 2019 г. · описание обновлено 21 июня 2026 г.

Теги курса

Профессии
Инструменты
1 757 ₽ 2 535 ₽