Использование localStorage с React Hooks

Использование localStorage с React Hooks

Сегодня мы узнаем, как хранить данные с помощью localStorage, а также о некоторых способах их смешивания в вашем приложении React. Итак, когда нам нужно использовать локальное хранилище? Короткий и простой ответ…

12 хуков React, которые должен знать каждый разработчик

12 хуков React, которые должен знать каждый разработчик

Хуки React  —  это многократно используемые части кода. Хуки позволяют инкапсулировать побочные эффекты, компоновать и повторно использовать логику. Для большинства сценариев использования существуют хуки React. Зачем изобретать колесо, если есть…

Создание многоразового разрешения в React

Создание многоразового разрешения в React

Я хотел бы поделиться шаблоном дизайна, который я использую, чтобы управлять тем, что пользователи могут или не могут видеть в приложениях React, которые я создаю. Это может оказаться полезным, если…

Использование хуков в React

Использование хуков в React

Хуки – это новое дополнение в React 16.8, которое позволяет нам использовать состояние и другие функции React без необходимости написания класса. Проблемы при использовании хуков Трудно повторно использовать логику с…

Что нового в React Router v6

Что нового в React Router v6

Что такое React Router React Router – это стандартная библиотека для маршрутизации в React. Он позволяет обрабатывать маршруты в веб-приложении, используя динамическую маршрутизацию. Это позволяет нам перемещаться между различными компонентами в приложении…

Улучшения производительности React

Улучшения производительности React

В этом сообщении блога я объясню некоторые методы, которые вы можете использовать для повышения производительности вашего приложения ReactJS. Под производительностью я имею в виду производительность взаимодействия с пользователем, такую ​​как снижение…

Быстрый способ создать фиктивный сервер API для разработки вашего приложения

Быстрый способ создать фиктивный сервер API для разработки вашего приложения

Зачем нужен макет API-сервера Чтобы продемонстрировать, как приложение React взаимодействует с внутренним сервером API, я хочу создать что-то быстро. Цель состоит в том, чтобы настроить сервер API RESTful, на котором мы…

Добавление тестирования в проект React TypeScript с помощью Jest за 4 простых шага

Добавление тестирования в проект React TypeScript с помощью Jest за 4 простых шага

Использование Предпосылка Пожалуйста, ознакомьтесь с пакетом TypeScript, чтобыпонять настройку TypeScript, прежде чем продолжить работу с этим руководством. Шаг 1. Установка npm install –save-dev jest @types/jest @babel/preset-typescriptВот для чего предназначен каждый пакет: jest это…

Начало работы с React Navigation

Начало работы с React Navigation

Если вы работаете над приложением React Native для iOS или Android и хотите настроить маршрутизацию / навигацию на своих страницах, вы можете использовать React Navigation с библиотекой React Native для…

Как использовать state в React

Как использовать state в React

Что такое state? state – это объект JavaScript, который хранит динамические данные компонента и определяет его поведение. Поскольку state является динамическим, оно позволяет компоненту отслеживать изменение информации в промежутках между визуализацией…

Как использовать iframe Google Maps в приложении React

Как использовать iframe Google Maps в приложении React

История В настоящее время я создаю собственный сайт агентства по разработке программного обеспечения , мой опыт не в области Frontend-разработки, а больше в Backend, Infra и Data. У меня ограниченный опыт работы с React,…

Как использовать стилизованные компоненты в React

Как использовать стилизованные компоненты в React

Стилизованные компоненты – это инструмент CSS-in-JS, которые устраняют разрыв между компонентами и стилем, предлагая множество функций, которые помогут вам начать работу с компонентами стилей функциональным и многократно используемым способом. В этой…

Как работает React Native?

Как работает React Native?

Мы могли бы создать множество приложений на платформе React Native. Но что происходит в низкоуровневом коде в собственном проекте? Давайте сначала узнаем, что именно происходит в низкоуровневом коде. Потоки в…

Стилизованные компоненты React: встроенные стили + 3 других подхода к стилизации CSS (с примерами)

Стилизованные компоненты React: встроенные стили + 3 других подхода к стилизации CSS (с примерами)

Не существует единственного правильного способа стилизовать ваши компоненты React. Все зависит от того, насколько сложным является ваше интерфейсное приложение и какой подход вам удобнее всего. Существует четыре различных способа стилизации приложения…

Запуск приложения React в локальном кластере Kubernetes в Windows 10

В этом блоге мы не будем описывать процесс установки Docker Desktop и включение серверной части WSL2 . Предполагается, что читатели могут самостоятельно разобраться в процессе из предоставленных ресурсов. Я мог бы подробно осветить эти темы, если в будущих блогах…

Автоматическое дозирование в React 18

Автоматическое дозирование в React 18

Основная команда React недавно выпустила альфа-версию React 18, которая включает готовые улучшения существующих функций, таких как: Автоматическое пакетирование для меньшего количества рендеров Поддержка SSR для Suspense Исправлены причуды неопределенного поведения.…