установка react os
Создание React-приложения: пошаговое руководство
Читайте также: Какой облачный сервис выбрать для бизнеса React – это декларативная, эффективная и гибкая JavaScript-библиотека для создания пользовательских интерфейсов. React.js увидел свет в 2013 году, разработанный как open-source проект компании Facebook*. Система очень быстро стала популярной и к 2020 году уже занимала второе место в рейтинге самых востребованных веб-фреймворков. Популярность React подтверждают и данные Google Trends – библиотека заметно оторвалась от конкурентов. Источник...
🖥 Слои типичного 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/ - файлы переиспользуемой типизации 📎 Подробнее @javascript_react