REACT

Встановлення react через збірник vite у VSCode

Встановити Vite

Встановити react

npm create vite@latest

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

Плагіни VSCode для react

ES7 + React/Redux/React-Native snippets

Бібліотеки react

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

Програмування в react

Умови

Оператор &&

Тернарний оператор

Колекції

map (react)

Стилі

Стилі (react)

Бібліоттека clsx

Події

Обробка подій

Хук useState

Хук useEffect

Хук useId

Хук useRef

Хук useMemo

Хук useParams

Хук useNavigate

Хук useSearchParams

Хук useLocation

Отримання даних з форми react

Динамічне \ лініве завантаження модулів по необхідності

Сховища react

Робота з LocalStorage у react

поради / іньше

Офіційна документація по react

rafce - сниппер для швидкого сформування структури модуля у реакті

Налаштування ESLint

Помилка при створенні реакт-додадку npm ERR! enoent

Щоб повернути з модуоля декілька тегів - можна обгорнути у корневий ПУСТИЙ тег </>

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

Створення посилання повернення на попередню адресу сторінки