Web Sequencer

Архитектура

• app - точка входа, роутеры (для переключения между страницами) и глобальные менеджеры
• components - общие мелкие компоненты приложения
• features - сложные фитчи, состоящие из компонентов. Если компонент относится только к данной фитче, он хранится внутри этой фитчи в дочерней директории components
• layouts - лейауты приложения, т.е. весь боковой интерфейс (хедер, сайдбар)
• pages - страницы. Все фитчи и компоненты берутся из папок выше, в самой странице pages дочерние компоненты не хранятся
• shared - утилиты приложения: константы, функции, интерфейсы + redux
• types - файлы декларации для тех библиотек, которые её не имеют

Установка окружения

1. Обновите список пакетов:

sudo apt update

2. Установите Node.js:

sudo apt install nodejs npm

3. Проверьте установку:

node -v
npm -v

4. Установите Yarn через npm:

npm install --global yarn

5. Проверьте установку Yarn:

yarn --version

6. Установите зависимости:

yarn

Запуск

yarn start

Инструкция для работы с мок-тестами

1. Скомпилируйте TS-файл с конфигом MSW-воркера в JS:

yarn msw:build

2. Запуск проекта с мок-тестами:

yarn start:mock