REACT

1. Встановити Vite
2. Встановити react

npm create vite@latest

P.S.Якщо створювати реакт через vite у ВЖЕ існуючій папці, то в якості назви проетку треба вказати . (точка), бо по факту назва проекта - то буде нова папка куди покладутся нові файли

ES7 + React/Redux/React-Native snippets

• CLSX - Бібліотека стандартизує роботу з CSS
• React icons
• NanoId - генератор унікальніх номеров ид-шек
• Formik - бібліотека роботи з формами у react
• React-hook-form - бібліотека роботи з некерованими формами у react
• Yup - Бібліотека для валідації \ перевірка введених користувачем
• Бібліотека Axios - простий HTTP-клієнт
• React-loader Загрузчиики для реакта
• react-hot-toast Попапи\сповіщення
• react-modal - модальні вікна для react
• React Router - Бібліотека маршрутизації для React
• Reduce - Керування стейтами (базовий ванільний варіант)
• Redux Toolkit - Керування стейтами (новий правильний варіант)
• Persistor - синхронізація значень стейтів між Redux і локальним сховищем

• Оператор &&
• Тернарний оператор

• map (react)

• Стилі (react)
• Бібліоттека clsx

• Обробка подій
• Хук useState
• Хук useEffect
• Хук useId
• Хук useRef
• Хук useMemo
• Хук useParams
• Хук useNavigate
• Хук useSearchParams
• Хук useLocation
• Отримання даних з форми react
• React.lazy() та React.Suspense Динамічне завантаження модулів

• Робота з LocalStorage у react
• Redux Toolkit - Керування загальним сховищем стейтів
• Persistor - синхронізація станів між redux і локальним сховищем

• Офіційна документація по react
• rafce - сниппер для швидкого сформування структури модуля у реакті
• Налаштування ESLint
• Помилка при створенні реакт-додадку npm ERR! enoent
• Щоб повернути з модуоля декілька тегів - можна обгорнути у корневий ПУСТИЙ тег </>
• Якщо створювати реакт через vite у ВЖЕ існуючій папці, то в якості назви проетку треба вказати . (точка), бо по факту назва проекта - то буде нова папка куди покладутся нові файли
• Створення посилання повернення на попередню адресу сторінки