Теги: Frontend

React и Redux вместе. Часть 7 из 7

Будем дальше разрабатывать наше приложение списка задач. Потому как сейчас это трудно назвать приложением. И по ходу разработки продолжим знакомиться с RTK Query. Первым делом откажемся от использования хуков useQueryState и useQuerySubscription, а будем вместо них использовать хук useQuery.

React и Redux вместе. Часть 6 из 7

Продолжаем разговор про нормализацию и функцию createEntityAdapter. Чтобы закрепить полученные знания, напишем небольшое приложение. Это будет список постов блога с метками (тегами). Список постов получим с сервера, нормализуем данные для удобства работы, добавим возможность создавать, редактировать и удалять посты.

React и Redux вместе. Часть 5 из 7

Наше приложение списка дел работает синхронно. Каждый раз при отправке экшена — состояние немедленно обновляется. Давайте теперь создадим асинхронное приложение, которое будет использовать API JsonPlaceholder. При вызове асинхронного API, есть два ключевых момента времени — момент отправки запроса и момент получения ответа.

React и Redux вместе. Часть 4 из 7

Будем создавать приложение списка задач — почти такое же, как в первой части — но уже с использованием Redux. Пакет @reduxjs/toolkit позволяет работать с Redux по-новому. Пакет react-redux отвечает за взаимодействие компонентов с хранилищем. В четвертой части будем использовать Redux Toolkit и два хука из пакета react-redux.

React и Redux вместе. Часть 3 из 7

Будем создавать приложение списка задач — почти такое же, как в первой части — но уже с использованием Redux. Пакет redux позволяет работать с классическим Redux. Пакет react-redux обеспечивает взаимодействие компонентов с хранилищем. В третьей части будем использовать классический Redux и два хука из пакета react-redux.

React и Redux вместе. Часть 2 из 7

Будем создавать приложение списка задач — почти такое же, как в первой части — но уже с использованием Redux. Пакет redux позволяет работать с классическим Redux. Пакет react-redux обеспечивает взаимодействие компонентов с хранилищем. Во второй части будем использовать классический Redux и функцию connect из пакета react-redux.

React и Redux вместе. Часть 1 из 7

Механизм локального хранилища компонента, который поставляется вместе с React неудобен тем, что такое хранилище изолировано. Если разные независимые компоненты должны реагировать на событие — придётся либо передавать локальное состояние в виде пропсов дочерним компонентам, либо переносить локальное состояние вверх…

Webpack. Начало работы, часть 2 из 2

Давайте скачаем шрифт Roboto, распакуем архив и положим ttf-файлы в директорию src/font/roboto. Потом создадим файл src/css/roboto.css и импортируем его в файле src/css/style.css. И запустим сборку, чтобы посмотреть, что получилось. Все отработало правильно, шрифт подключился, но ttf-файлы оказались…
Категория: Web-разработкаРазное

Webpack. Начало работы, часть 1 из 2

По большей части, сайты больше не пишутся на чистом HTML с небольшим количеством JavaScript — часто они создаются только с помощью JavaScript. Поэтому возникает необходимость в сборке, минификации и транспиляции кода. Вот здесь webpack и приходит на помощь разработчику. Вебпак — это сборщик модулей.
Категория: Web-разработкаРазное

JavaScript. Event Loop — макрозадачи и микрозадачи

Поток выполнения в браузере, равно как и в Node.js, основан на событийном цикле. Есть бесконечный цикл, в котором движок JavaScript ожидает задачи, исполняет их и снова ожидает появления новых. Движок JavaScript большую часть времени ничего не делает и работает, только если требуется исполнить скрипт/обработчик или обработать событие.
Каталог оборудования
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Производители
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Функциональные группы
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.