Перейти к содержимому









Фотография
Скачать

[Дмитрий Лаврик] React Level 2 (2023)



  • Авторизуйтесь для ответа в теме
В этой теме нет ответов

#1 Swifter

Swifter
  • Platinum
  • Сообщений: 58
  • Регистрация: 09.01.2017
  • Заработано: 41 руб.
Репутация: 63

Награды: 16

  
  
  
  
  
  
  
  

Отправлено 22 Октябрь 2023 - 12:32

Название: React Level 2 (2023)

Автор: Дмитрий Лаврик


X-76llDzQs62v3z5Fl_vFg.png
ОПИСАНИЕ:


Практический курс по разработке SPA от Дмитрия Лаврика - React Level 2.

Новый курс 2023 года!

Цель курса:

Рассмотреть решение главных задач, возникающих при создании Single Page Application, таких как построение архитектуры приложения, Server Side Rendering, тестирование кода и т.п.
Для продуктивного участия желательно прохождение базового курса по React. Однако, если вы уже знакомы с основами, можно начинать с текущей ступени.


Программа курса:
Урок 1.


  • Анализ SPA после React Level 1
  • Улучшение архитектуры приложения
  • Борьба в модулями-синглтонами
  • Выделение ключевых сервисов
  • Взаимодействие частей системы

Урок 2.


  • Удобная работа с http (axios | fetch)
  • Глобальная обработка http-ошибок
  • Отображение http-ошибок и fallback-данные
  • Нюансы работы с React Context
  • Адекватное внедрение зависимостей

По желанию:


  • Дополнительный бесплатный урок
  • Минимальные основы TypeScript
  • Использование TypeScript с React
  • Типизация компонентов и хуков
  • Типизация хранилища mobx

Урок 3.


  • Тотальная типизация SPA
  • TypeScript: простые и жёсткие примеры
  • Создание ключевых хуков
  • Нюансы работы с Mobx
  • Создание обёртки над React Router Dom

Урок 4.


  • Улучшение тренировочного SPA
  • Изучение серверного API
  • Работа с авторизацией
  • Создание модуля store user
  • Создание закрытых страниц

Урок 5.


  • Идеи Server Side Rendering
  • Сервер на node.js + express
  • SSR шаг за шагом на простом примере
  • Client и server entries
  • Настройка vite config

Урок 6.

  • SSR в более сложном SPA
  • Работа с роутером и хранилищем
  • Проблема асинхронных компонентов
  • Гидратация клиентской части
  • Наполнение базового шаблона

Урок 7.


  • Схемы дополнительной оптимизации
  • Настройка кода ответа сервера
  • Предзагрузка данных и состояния
  • Выборочный SSR для страниц
  • Кэширование страниц

Урок 8.


  • Основы работы с vitest
  • jsdom + @ Testing -library/react
  • Тестирование компонентов
  • Тестирование хранилища
  • End 2 end тесты

В итоге мы создадим простое SPA, зато


  • Написанное на typescript
  • С адекватной архитектурой
  • С простым и ненапряжным SSR
  • Готовое к тестированию
  • Позволяющее внедрить mock любого сервиса

Скрытый контент:

  Для просмотра необходимо войти или зарегистрироваться


Скачать:

Скрытый контент:
    Необходимо написать 55 полезных сообщений (вам не хватает 55)

 Скачать без ограничений   Купить этот материал за 390 руб.



🔔 Подпишись на наш канал telegram @slivup_live и бота @kurs_slivup, что бы следить за крутыми новинками форума

  • 0



Похожие темы Collapse

Количество пользователей, читающих эту тему: 1

0 пользователей, 1 гостей, 0 анонимных

×

Зарегистрируйся моментально!