Различия
Показаны различия между двумя версиями страницы.
| Предыдущая версия справа и слева Предыдущая версия Следующая версия | Предыдущая версия | ||
|
react [2024/04/11 16:51] tro |
react [2024/08/18 09:24] (текущий) tro |
||
|---|---|---|---|
| Строка 7: | Строка 7: | ||
| </ | </ | ||
| P.S.Якщо створювати реакт через vite у ВЖЕ існуючій папці, то в якості назви проетку треба вказати . (точка), | P.S.Якщо створювати реакт через vite у ВЖЕ існуючій папці, то в якості назви проетку треба вказати . (точка), | ||
| + | ===== Оновлення реакту ===== | ||
| + | < | ||
| + | npm install react@latest | ||
| + | </ | ||
| ===== Плагіни VSCode для react ===== | ===== Плагіни VSCode для react ===== | ||
| [[es7_react_redux_react-native_snippets|ES7 + React/ | [[es7_react_redux_react-native_snippets|ES7 + React/ | ||
| Строка 12: | Строка 16: | ||
| * [[CLSX - Бібліотека стандартизує роботу з CSS]] | * [[CLSX - Бібліотека стандартизує роботу з CSS]] | ||
| * [[React icons]] | * [[React icons]] | ||
| + | * [[https:// | ||
| * [[https:// | * [[https:// | ||
| * [[Formik - бібліотека роботи з формами у react]] | * [[Formik - бібліотека роботи з формами у react]] | ||
| Строка 18: | Строка 23: | ||
| * [[axios-http_prostij_http-klijent_alternativa_standartnomu_fetch_api|Бібліотека | * [[axios-http_prostij_http-klijent_alternativa_standartnomu_fetch_api|Бібліотека | ||
| * [[https:// | * [[https:// | ||
| + | * [[https:// | ||
| * [[https:// | * [[https:// | ||
| * [[https:// | * [[https:// | ||
| + | * [[https:// | ||
| * [[React Router - Бібліотека маршрутизації для React]] | * [[React Router - Бібліотека маршрутизації для React]] | ||
| * [[Reduce - Керування стейтами (базовий ванільний варіант)]] | * [[Reduce - Керування стейтами (базовий ванільний варіант)]] | ||
| * [[Redux Toolkit - Керування стейтами (новий правильний варіант)]] | * [[Redux Toolkit - Керування стейтами (новий правильний варіант)]] | ||
| + | * [[Persistor - синхронізація значень стейтів між Redux і локальним сховищем]] | ||
| + | * [[createAsyncThunk - асинхронні запити в Redux Toolkit]] | ||
| + | ===== Розширення для Браузерів ===== | ||
| + | * [[Redux DevTools - Інструменти розробника]] | ||
| Строка 34: | Строка 45: | ||
| * [[Стилі (react)]] | * [[Стилі (react)]] | ||
| * [[Бібліоттека clsx]] | * [[Бібліоттека clsx]] | ||
| + | * [[Використаня класа active в NavLink]] | ||
| ==== Події ==== | ==== Події ==== | ||
| * [[Обробка подій]] | * [[Обробка подій]] | ||
| Строка 45: | Строка 57: | ||
| * [[Хук useSearchParams]] | * [[Хук useSearchParams]] | ||
| * [[Хук useLocation]] | * [[Хук useLocation]] | ||
| + | * [[Хук useSelector]] | ||
| * [[Отримання даних з форми react]] | * [[Отримання даних з форми react]] | ||
| * [[React.lazy() та React.Suspense Динамічне завантаження модулів]] | * [[React.lazy() та React.Suspense Динамічне завантаження модулів]] | ||
| ==== Сховища react ==== | ==== Сховища react ==== | ||
| * [[Робота з LocalStorage у react]] | * [[Робота з LocalStorage у react]] | ||
| + | * [[Redux Toolkit - Керування загальним сховищем стейтів]] | ||
| + | * [[Persistor - синхронізація станів між redux і локальним сховищем]] | ||
| ===== поради / іньше ===== | ===== поради / іньше ===== | ||