React JS

🖥 Слои типичного React-приложения



1. Сам React (архитектура, компоненты, хуки, эвенты, стилизация, статические данные, HTML/CSS/JS)



2. Типизация React-приложения (TypeScript)



3. Стейт-менеджер (Redux toolkit)



4. Взаимодействие с API и обработка данных (URL, axios, апи-сервисы, логин, CRUD, localStorage, cookies, динамические данные и т.д.)



5. Сборка и экосистема (create-react-app, react-script, NextJS, Webpack, Parcel, npm-пакеты, env, линтеры, форматтеры, тестеры и т.д.)



6. UI-фреймворк для React (Material UI, bootstrap и т.д.)



7. Backend для React-приложения (сервер, SSR, бекенд-код, DB и т.д.)



8. Деплой приложения на тестовый и продакшн-серверы



Архитектура React-приложения

— components/ - переиспользуемые компоненты

— utils/ - переиспользуемые утилиты

— consts/ или constants/- переиспользуемые константы

— store/ - Redux, mobx

— routes/, pages/ или containers/- страницы приложения

— styles/ - статичные стили

— api/ - взаимодействие с API

— static/ или assets/ - статичные файлы (изображения, шрифты, иконки и пр.)

— types/ или interfaces/ - файлы переиспользуемой типизации



📎 Подробнее



@react_tg