Публикации по теме state

Публикации по теме 'state'

Почему Редукс? — Преимущества перехода на Redux

Единственный источник правды По мере того, как наши приложения React становятся больше, наше состояние становится более распределенным между различными компонентами. В какой-то момент дерево компонентов становится паутиной реквизитов и состояний, которая может скрыть наше представление о том, как компоненты обрабатывают и обмениваются данными друг с другом. Есть способы обойти это, например, хранить все наше состояние в одном высокоуровневом компоненте-контейнере, но в конечном итоге..

Фаза 2 Опыт | Реагировать

Фаза 2 Опыт | Реагировать Компоненты | Реквизит | состояние | События | Побочные эффекты | Получение данных | Маршрутизация на стороне клиента Во-первых, я хотел начать с понимания того, что делает React и как он работает. Перед этим я хочу показать через URL-адрес React, как запустить ваш проект React. Это очень важно для запуска ваших одностраничных приложений (SPA). Начало работы | Создать приложение React Создать приложение React — это..

Компоненты, реквизит и состояние в React

Основная концепция React, которую вам нужно понять, — это Компоненты. Компоненты React похожи на теги в HTML, это способ инкапсулировать код в один элемент, который имеет свою собственную функциональность, стилизацию и структуру. Они позволяют нам организовать наше приложение, сортируя его на маленькие части, которые при соединении образуют приложение или, в большинстве случаев, его часть. Компоненты У нас есть два способа определить компоненты: первый — создать функцию Javascript..

Регулярные выражения сделаны правильно

Регулярные выражения (здесь и далее я буду называть их регулярными выражениями) не так страшны, как говорится в мемах. Нужно лишь немного терпения и знание диаграммы состояний . Regex — это просто диаграмма состояний! Только звучит красиво, но в двух словах это просто первичная блок-схема. Предположим, вам нужно проанализировать пользователей и их местоположение. Поскольку в наши дни все беспокоятся о своей конфиденциальности, они склонны маскировать свое местоположение...

Понимание состояния (в React)

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

Использование хука useState для управления состоянием в React

В моем предыдущем посте Props vs State in React упоминалась необходимость использования компонентов класса для управления состоянием в React до того, как были добавлены хуки. В этом посте показано, как хук setState можно использовать в функциональных компонентах для управления состоянием с момента его добавления в выпуск React 16.8.0 в феврале 2019 года. Хуки были введены в React для упрощения компонентов. Они позволяют получить доступ к функциям состояния и жизненного цикла React..

Создание простого таймера обратного отсчета с помощью React

Как создать таймер для игры в квест Я работаю над созданием игры на React, в которой вы гоняете на время, чтобы сбежать из комнаты. По сути, игра основана на простой концепции: если вы не выйдете из комнаты до того, как у вас закончится время, вы проиграете. В общем, создание таймера - не самая сложная проблема, которую нужно решить, но возникли некоторые интересные препятствия, о которых я изначально не думал. Из-за этого я хотел записать свой пошаговый процесс. Чего я хочу Я..