Скачать 

[НТМL Academy] React. Разработка сложных клиентских приложений. Февраль 2024

Цена: 495 РУБ
Организатор: Robot
Список участников складчины:
  • 1. rnixx
Robot
Robot
Складчик
  • #1

[НТМL Academy] React. Разработка сложных клиентских приложений. Февраль 2024

Ссылка на картинку
На этом курсе вы научитесь делать настоящие проекты, такие же по уровню сложности, как в индустрии.
И будете делать их правильно, чтобы после обучения выдавать результат высокого уровня, за который компании готовы платить.

Программа:


Раздел 1
Знакомство с TypeScript
Рассмотрим схему работы на курсе. Узнаем что такое TypeScript, и какие задачи он решает. Познакомимся с системой типов и разберёмся, как происходит процесс типизации. Научимся конфигурировать компилятор и рассмотрим основные настройки. Затем перейдём к практике и разберёмся с особенностями написания типизированного кода: кортежи, интерфейсы, дженерики и так далее.

Организационные вопросы.
  • Обзор проектов.
  • Схема работы на курсе.
Введение в TypeScript.
  • Что такое TypeScript, и какие задачи он решает.
  • Система типов.
  • Как код на TypeScript превращается в JavaScript.
  • Инфраструктура: настройки компилятора.
  • Аннотации и автоматический вывод типов.
Практика применения TypeScript.
  • Типизация объектов, массивов, функций.
  • Дженерики.
  • Кортежи.
  • Интерфейсы, псевдонимы типов.
Раздел 2
React
Знакомство с библиотекой React. Узнаем, какие проблемы она решает и как может упростить разработку фронтенда. Подготовим основу проекта с помощью Vite. Научимся применять шаблоны для Vite. Затем познакомимся с основными возможностями библиотеки React (JSX, компоненты, передача данных между компонентами).

React.
  • Что такое React.
  • Как работает React.
  • Какие задачи эффективно решает.
  • Virtual DOM.
Инфраструктура.
  • Create React App.
  • TypeScript.
JSX
  • Чем отличается от HTML.
  • Основные приёмы работы.
Компонентный подход.
  • Компоненты React.
  • Пропсы. Передача данных через свойства.
  • Композиция.
Рендеринг компонентов.
  • Рендеринг списков.
  • Условный рендеринг.
Практика
  • Создание репозитория, форк, клонирование.
  • Знакомство с проектом.
  • Настройка инфраструктуры.
  • Типизация компонентов.
Раздел 3
Маршрутизация (React Router)
Узнаем как организована маршрутизация в SPA. Добавим в проект React Router и разберёмся с возможностями пакета: маршруты, перенаправления, приватные маршруты и так далее.
  • Маршрутизация в SPA.
  • History API.
  • Компоненты Route, Link, Redirect.
  • Управление маршрутами.
Практика
  • Реализация маршрутизации в приложении.
Раздел 4
React-компоненты. Hooks
Расширим знания о React и компонентах. Научимся управлять состоянием, использовать события и методы жизненного цикла компонентов. Познакомимся с React Hooks и узнаем, как заменить ими классовые компоненты. Научимся работать с формами.
  • Состояние.
  • Однонаправленный поток данных.
  • Функциональные компоненты, классовые компоненты, PureComponent.
  • Введение в React Hooks.
Методы жизненного цикла.
React и формы.

Практика
  • Добавление состояния к компонентам.
  • Обработка форм.
Раздел 5
React и паттерны
Разбираемся с вопросом, что такое архитектура программного обеспечения и как её проектировать. Знакомимся и учимся на практике применять паттерны проектирования.
:)

Проектирование.
  • Чем отличается хорошая программа от плохой.
  • Зачем проектировать программное обеспечение. Цели проектирования.
  • Архитектура программного обеспечения.
  • Инструменты для проектирования.
Паттерны проектирования.
  • Какие проблемы решают паттерны.
  • Из чего состоит паттерн.
  • Виды паттернов проектирования.
Паттерны в React.
  • Простые компоненты (Stateless component).
  • Компоненты-обёртки (Proxy component).
  • Компоненты высшего порядка (Higher-order component).
  • Render Props.
  • Провайдер (Provider).
  • React Hooks и паттерны.
Практика
  • Улучшение проекта, применение паттернов на практике.
Раздел 6
Управление состоянием. Redux
Знакомимся с Flux-архитектурой: действия (Actions), диспетчеры (Dispatcher), представления (Views) и хранилища (Stores). Подключаем к проекту Redux и обновляем кодовую базу.
  • Flux-архитектура.
  • Хранилище, диспетчер, действия.
Redux.

Middlewares.
  • Расширение функциональности Redux.
Практика
  • Подключение к проекту Redux.
  • Обновление кодовой базы.
  • Создание middleware.
Раздел 7
Асинхронность в Redux
Научимся внедрять асинхронный код в синхронную работу Redux с помощью Middleware. Узнаем как взаимодействовать с сервером при помощи пакета Axios. Познакомимся с интерцепторами.

Redux-thunk.
Axios.

Практика
  • Подключение к проекту redux-thunk.
  • Взаимодействие с сервером.
Раздел 8
Оптимизация производительности
Обсудим производительность React-приложений: какие есть особенности, на что следует обращать внимание при проектировании компонентов в первую очередь. Затем познакомимся с пакетом Redux Toolkit и узнаем как с его помощью избавиться от шаблонного кода при работе с Redux.
  • Профилирование компонентов.
  • Управление обновлением компонентов.
  • Мемоизация.
  • Redux Toolkit.
Практика
  • Профилирование компонентов.
  • Применение хуков useMemo, useCallback.
  • Особенности useEffect.
  • Redux Toolkit: createAction, createReducer, createSlice.
Раздел 9
Тестирование React
Познакомимся с инструментами и методиками тестирования React-приложений. Настроим инфраструктуру для тестирования, напишем тесты для компонентов.
  • Jest.
  • React Testing Library.
В курсе довольно много мелких и приятных обновлений в структуре.
 
Зарегистрируйтесь , чтобы посмотреть скрытый авторский контент.
Похожие складчины
  • в разделе: Программирование
  • в разделе: Программирование
  • в разделе: Программирование
  • в разделе: Программирование

Войдите или зарегистрируйтесь, чтобы комментировать и скачивать складчины!

Учетная запись позволит вам участвовать в складчинах и оставлять комментарии

Регистрация

Создайте аккаунт на форуме. Это не сложно!

Вход

Вы уже зарегистрированы? Войдите.

Сверху