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

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

Реагировать на установленное состояние после асинхронной задачи

Почему установлен антипаттерн и как его избежать После того, как я написал React какое-то время, был один раз (и много раз) я запустил свой код и получил следующее предупреждение: Warning: Can only update a mounted or mounting component. This usually means you called setState, replaceState, or forceUpdate on an unmounted component. This is a no-op. Если вы пишете React, то, вероятно, вам знакомо это предупреждение. В основном это означает, что setState вызывается после..

Не используйте встроенные функции или bind () в обратных вызовах React ref.

React позволяет легко почти никогда не беспокоиться о базовой объектной модели документа HTML / JavaScript. Рендеринг в сохраненном режиме React позволяет вам определять все на веб-странице декларативно , включая интерактивность и состояние рендеринга. Это великолепно! Но время от времени вам нужно вернуться в DOM для императивного управления состоянием. Возможно, вам потребуется выделить текст на странице или управлять фокусом элемента формы. Для этих случаев React..

Создание микрофронтендов, часть III - проблема общедоступного пути и маршрутизация

Если вы выполните предыдущую часть и в какой-то момент открыли консоль, вы, вероятно, видели эти ошибки: Они вызваны тем, что теги, которые загружают стили и javascript для приложений (заголовок, список продуктов и корзина), используют относительный URL-адрес, например /static/js , поэтому, когда мы включаем их в другой домен, он пытается искать ресурсы по несуществующему маршруту. К счастью, это довольно просто исправить для create-react-app , нам просто нужно установить..

Шпаргалка по Prettier и ESLint Automation

Почему 👉 Предотвращение совершения неверного кода. Это самый дешевый способ убедиться, что ваш код действителен. Настраивать Красивее Eslint StyleLint Возможность проверки кода локально Автоматический запуск проверки кода с помощью Husky и lint-staged 🛠 1. Красивее Сделайте стиль кода проекта более последовательным Прекратить спор о стилях кодирования между разработчиками 🐨 Зависимости npm install -D prettier 🐨 Конфигурация Попробуйте Playground и..

Redux с React прост

Уважаемые читатели , поначалу может быть сложно понять Redux. Поверьте, это очень просто. Это поможет вам хранить данные во внешнем интерфейсе, чтобы вы могли использовать их позже в компонентах. Redux - это контейнер с предсказуемым состоянием для приложений JavaScript . Он помогает вам писать приложения, которые ведут себя согласованно, работают в разных средах (клиентских, серверных и собственных) и легко тестируются. Redux в приложениях React стал отраслевым стандартом для..

NPM менее чем за 10 минут

NPM означает диспетчер пакетов узла . Как следует из названия, это менеджер пакетов для Javascript. Он предустановлен вместе с NodeJS, и нам не нужно его явно настраивать. Кроме того, нам не нужен опыт работы с NodeJS, чтобы начать работать с NPM. NPM имеет реестр, в котором содержатся все различные библиотеки JS, опубликованные со всего мира. Затем мы просто просим NPM получить нашу необходимую библиотеку JS из своего реестра и сохранить ее в нашей системе, локально или..

Жизненный цикл компонента React

В этом блоге я объясню вам концепцию жизненного цикла компонента React. React позволяет нам создавать компонент как классы или как функцию. Класс компонента можно определить путем расширения React.Component. Единственный метод, требуемый в классе, - это метод r ender () . Компонент имеет множество методов образа жизни, которые мы можем переопределить для запуска нашего кода в любое конкретное время, и эти методы разделены на три этапа: Монтаж Обновление Размонтирование..