Публикации по теме 'react'
Redux vs Context API: когда их использовать
Самый простой способ передать данные от родителя к дочернему в приложении React — это передать их в дочерний props . Но возникает проблема, когда глубоко вложенному дочернему элементу требуются данные от компонента, расположенного выше в дереве . Если мы будем передавать данные через props , каждый из дочерних элементов будет обязан принять данные и передать их своему дочернему элементу , что приведет к детализации реквизита , ужасная практика в мире React.
Чтобы решить..
GraphQL объяснил
Как GraphQL превращает запрос в ответ
В этом посте я собираюсь ответить на один простой вопрос: Как сервер GraphQL превращает запрос в ответ?
Если вы новичок в GraphQL, прочитайте трехминутное введение в Как мне использовать GraphQL? прежде чем читать дальше. Так вы получите больше удовольствия от чтения этой публикации.
Вот что мы расскажем в этом посте:
Запросы GraphQL Схема и функции разрешения Выполнение GraphQL - шаг за шагом
Готовый? Давайте прямо сейчас!..
Давайте создадим приложение с настраиваемыми хуками React
Создавайте собственные хуки для поиска и фильтрации данных, извлечения данных из API и обработки пользовательского ввода.
В этом посте мы создадим приложение, используя настраиваемые хуки реакции. Попутно узнав, как мы можем использовать хуки, - это разные части нашего приложения. Мы будем обрабатывать вводимые пользователем данные, извлекать данные из API, а также искать и фильтровать данные. Все на крючках.
Прежде чем мы начнем. Давайте посмотрим, что мы будем строить...
Раскрытие привязки React, часть 2
Это продолжение React Binding Revealed Part1
В ES6 нет автоматической привязки методов по сравнению с React.createClass, где все методы привязаны к this объекту .
Поведение по умолчанию : метод печати вызывается при нажатии кнопки. Но вы не можете получить доступ к состоянию, потому что оно не привязано к компоненту. Вы получите сообщение об ошибке Невозможно прочитать свойство "state" со значением null .
Вы можете решить эту проблему, используя
Метод..
Овладейте искусством оптимизации производительности React за 7 простых шагов 🚀
Вы устали от того, что ваше приложение React кажется медленным и неуклюжим? Пользовательский интерфейс вашего приложения имеет решающее значение для его успеха, и производительность играет важную роль. В этой статье мы рассмотрим 7 практических приемов, которые вы можете использовать для оптимизации производительности вашего приложения React и выведения его на новый уровень.
Эти советы, от использования React.memo до разделения кода, помогут вам повысить скорость и эффективность вашего..
Использование веб-компонентов в Angular, React, Preact, Vue и Svelte
Веб-компоненты позволяют нам создавать повторно используемые настраиваемые элементы. Самая сильная сторона веб-компонента — его интероперабельность: будучи изначально поддерживаемыми браузерами, веб-компоненты могут использоваться в любой среде HTML, с любой структурой или вообще без нее.
Важным аспектом веб-компонентов является инкапсуляция. Вы можете отделить и скрыть структуру разметки, стиль и поведение, чтобы разные части страницы не конфликтовали.
Таким образом, веб-компоненты..
Советы по React.js для повышения производительности. Часть 1
1) Избегайте использования индекса в качестве ключа для карты:
Мы часто видим, как индекс используется в качестве ключа при отображении списка. Но использование ключа в качестве индекса может показать вашему приложению неверные данные, поскольку они используются для идентификации элементов DOM. Всякий раз, когда вы нажимаете или удаляете элемент из списка, если ключ такой же, как и раньше, React предполагает, что элемент DOM представляет тот же компонент, всегда рекомендуется..