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

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

Как, когда и зачем использовать Connect () в React JS

connect() method просто предоставляет пользователю способ подключить компонент к хранилищу redux. Он предоставляет свой связанный компонент с частями данных, которые ему нужны из магазина, и функциями, которые он может использовать для отправки действий в магазин. Он не изменяет переданный ему класс компонента; вместо этого он возвращает новый связанный класс компонента, который обертывает переданный вами компонент. Когда использовать connect () Как правило, реагирующие..

Как создавать модалы в React

С Redux и хуками Когда я начал работать с React, одним из моих первых заданий было создание модального диалогового окна для отображения в нем некоторых данных. Я потратил много времени на поиски в Google, как создать функцию, которую я мог бы вызвать для отображения какого-нибудь окна. Для меня это было естественным поступком. Даже VanillaJs позволяет вам просто вызвать функцию alert для отображения простого диалогового окна. Я не мог понять, почему в React все по-другому. Но,..

Извлеченные уроки: распространенные запахи кода реакции и как их избежать

Запахи кода - это определенные закономерности и характеристики кода, которые могут указывать или создавать более серьезные проблемы в будущем. Другими словами, код сомнительного качества. Ключевое слово здесь сомнительное . Идентификация чего-либо как запаха кода не означает, что это должно быть немедленно исправлено или что это проблема - только то, что это следует изучить. Это не означает, что конкретный фрагмент кода написан плохо, это означает, что его следует изучить более..

Flux и Redux

Если вы тесно сотрудничаете с разработкой приложений React, возможно, вам не будут странными слова Flux и Redux . Но большинство людей находят эти двое очень трудными и сложными. В этой статье давайте кратко рассмотрим эти две вещи, чтобы устранить путаницу. Что это? Flux - это архитектурный шаблон, введенный «Facebook» для работы с React . Это небольшая модификация наблюдаемого наблюдателем паттерна, а не библиотека или фреймворк. Основная особенность Flux - это концепция..

#100DaysOfCode – Day6

Будет казаться, что все становится немного сложнее. Итак, я получаю пару ошибок кода только для создания нового компонента формы для вставки новых задач, которые импортируются в компонент приложения. Но я продолжаю получать ошибки в моем коде. Сначала я подумал, что это потому, что я пытаюсь сделать все сам, но я думаю, что на данный момент я действительно не понимаю, что делаю. Может быть, если я возьму перерыв, когда я вернусь, все будет казаться немного яснее. Слишком рано?..

[react] [redux] Изоморфный шаблон: добавление новой страницы

Это пример добавления статической новой страницы (без действий-диспетчеризации) на основе изоморфного шаблона react-redux , после подключения конфигураций рендеринга сервера, рендеринга клиента и маршрутизатора только 3 файла будут изменены (или добавлены ) для создания очень простой статической страницы. 1. Создайте презентационный компонент Компоненты представления - это компонент, который заботится только о том, как все выглядит, и не имеет зависимости от остальной части..

Управление состоянием приложения React с помощью Mobx - полное руководство (часть 1)

Полнофункциональное руководство по SPA с React JS + MobX на внешнем интерфейсе и Django-rest-framework на внутреннем интерфейсе, защищенное аутентификацией на основе токенов. Вступление React - одна из самых популярных библиотек пользовательского интерфейса, используемая фронтенд-разработчиками в самых разных приложениях. Преимущества React описаны в этой статье, а также в различных блогах в Интернете. В своих предыдущих статьях я пытался сосредоточиться не на самом React, а на..