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

Please open Telegram to view this post

VIEW IN TELEGRAM

👍38🥴7🔥6❤4🤔1🥱1

www.tgoop.com/react_tg/512

6.09K viewsApr 16, 2024 at 08:02

🖥 Слои типичного 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