Начало работы с Redux Toolkit. Базовый поток данных. Часть 1 — Настройка проекта

Вчера читал документацию Redux и ловил себя на мысли: "Это вообще реально понять с первого раза? Прочитал первые 2 главы основ redux, пока не особо понятно с первого раза, нужно углубиться в редукторы, срезы, селекторы и т.п., попрактиковаться со всем этим, набрать ошибок. Сегодня перешел к 3 части — базовый поток данных Redux, там с самого начала в планах попробовать все на практике. Ведь знания нужно применять и прокачивать, которых у меня пока что немного…

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

Настройка проекта

Нам предлагают открыть и создать форк CodeSandbox проги, но я просто клонирую этот проект в VS Code, так мне работать удобнее. Сам проект настроен на использование yarn, однако я буду использовать npm. Структура проекта на первый взгляд не сложная:

1. каталог public где находятся стили и другие статические файлы (иконки)

2. src, в котором расположены уже файл точки входа (main.tsx), основной компонент приложения (App.tsx), базовые стили и каталог /api, в нем мы отправляем запросы на сервер и также предоставляем фиктивный REST API для доступа к нашим данным, в каталоге /app у нас есть файл Navbar.tsx, который отображает нам верхний заголовок и содержимое навигации. При запуске приложения мы увидим заволок и приветственное сообщение, но никакой функциональности, погнали исправлять!

#IT #frontend #Redux