React от А до Я

1️⃣ Установка. В терминале пишем: yarn add react-hook-form. 2️⃣ Импортируем useForm. import { useForm } from 'react-hook-form' 3️⃣ Настраиваем useForm. reset - очищает все input. handleSubmit - получает данные формы. register - оборачивает каждое значение input в объект...

Сегодня выпущу гайд по работе с react-hook-form. ✅ Возможности. useForm обладает огромным доп. функционалом, которого нет у useState. ✅ Производительность. Используя useForm, код становится свободней и читабельней. А это значит, что серверу понадобится гораздо меньше времени для считывания файла...

Выше я показал простейшую форму авторизации на сайте. Как же получить данные, которые находятся в ней? Есть 2 способа решения данной задачи. Сегодня разберём один из них. 👉 useState. Вы не ослышались, это состояния. В первом уроке я рассказывал, что это локальное хранилище с временными данными...

✅ Плюсы: 👉 Высокая скорость работы очень важна для всех пользователей. Приложение загружается всего лишь один раз и не требует дополнительных подгрузок для работы с ним. 👉 Продвинутое кэширование cнижает нагрузку вашего устройства благодаря хранению данных в кэше. 👉 Крутые возможности пользовательского интерфейса. Более широкий круг технологий для прокачки вашего контента...

Для примера возьмём ссылку http://my_shop. Допустим, мы хотим зайти в каталог товаров. Ссылка для каталога изменится на http://my_shop/catalog. Нажав на определённый товар в нём будет ссылка http://my_shop/catalog/product...

Данное свойство основывается на нечастом повторении редко-обновляющихся событий. К примеру, у нас есть каталог товаров на сайте. При каждой загрузке страницы мы обращаемся к бэкенду(чтобы вытащить данные товаров). Во время большого онлайна нагрузка будет слишком большая. Этого мы должны избежать. 👉 React.useState кэширует данные один раз и вместо сервера достаёт их из кэша...

В комментариях задавались вопросом про актуальность фреймворка Angular, давайте разбираться. 1. Vue Его довольно часто выбирают начинающие разработчики из-за быстрого старта, но есть большое НО. Фреймворк очень простой и подходит для каких-нибудь стартапов. Лично я не рекомендую изучать его первым, потому что у вас не будет полного представления о frontend разработке...

Они никак не связаны с написанием говно-кода или подобными ситуациями. Через них прошёл и я, поэтому, хочу облегчить ваши драгоценные время и нервы. ❌ Ошибка №1 - отсутствие практики. Без этого аспекта любые теория и курсы не помогут тебе стать продвинутым спецом в сфере IT. Есть великие слова: 20% усилий - 80% результат. Я перефразирую. 20% теории - 80% практики. Больше к этому не возвращаюсь. ❌ Ошибка №2 - не читать документацию. Из-за появления Chat GPT и других умных нейросетей начинающие...

Расскажу своё понимание без лишней пугающей воды, потому что грузить вас сложными и заумными словами для меня - это преступление🚔. Определение Итак, хуки - это методы, которые используются для работы с локальным хранилищем нашего проекта. Что такое локальное хранилище? На самом деле - это временный набор данных(чисел, объектов или слов). Например, возьмём словарь русского языка(наше локальное хранилище). В нём находится множество слов и различных правил(данные)...

Как вы могли заметить, я не добавил описания папке "components". Всё потому, что ей я хочу уделить отдельное внимание. Если вы читали предыдущие статьи и посты, я рассказывал про компонентность и масштабируемость приложения в React. Screens В ней существует пока что одна папка - "screens". Она содержит в себе как раз те самые компоненты пользовательского интерфейса, которые мы видим на странице сайта...