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


useEffect: побочные эффекты могут включать…
Компоненты React визуализируются для создания элементов DOM, которые являются основными эффектами компонента. Когда мы добавляем состояние к компоненту, он перерисовывается. Когда мы хотим запустить эффект после рендеринга, мы запускаем побочный эффект с помощью хука useEffect . Каковы некоторые случаи побочных эффектов? Мы будем использовать useEffect при выполнении сетевых запросов, доступе к данным из базы данных, записи в файловую систему, использовании таймера и изменении DOM...

Оптимизация представлений Express React для первой загрузки; CI/CD
Оптимизация представлений Express React для первой загрузки; CI/CD Очевидным является то, что вы вводите «невидимый» слой в свою кодовую базу, чтобы упростить реализацию. Это не так уж и плохо, если это ваше намерение, но это может затруднить изменение реализации в будущем. Другой, менее очевидный, — плохая производительность при первой загрузке. Проблема ERV использует @babel/register , чтобы сначала скомпилировать дерево React, прежде чем преобразовать его в строку, которая..

Хуки React: useState и useEffect
Хуки - определенно лучшая вещь, и это новая функция, представленная в версии React 16.8, я всегда предпочитаю использовать функциональный компонент вместо компонента класса. Одно можно сказать наверняка, если вы используете компонент класса, хуки там не используются. Когда использовать хуки? Ответ: Если вы хотите добавить состояние к функциональному компоненту. Раньше вы делали это в компоненте класса таким образом (this.state = {…} внутри конструктора) Но теперь вы можете сделать..

Javascript | Самый большой прямоугольник на гистограмме
https://leetcode.com/problems/самый большой прямоугольник в гистограмме/ Учитывая массив целых чисел heights , представляющих высоту столбца гистограммы, где ширина каждого столбца равна 1 , вернуть площадь самого большого прямоугольника в гистограмме . Пример 1: Input: heights = [2,1,5,6,2,3] Output: 10 Explanation: The above is a histogram where width of each bar is 1. The largest rectangle is shown in the red area, which has an area = 10 units. /** *..

Синхронизируйте состояние локального хранилища на вкладках в React с помощью useSyncExternalStore
Локальное хранилище — это хорошее место, обычно используемое для хранения данных (но не токенов аутентификации!), которые необходимо сохранять между сеансами. Вы можете удобно хранить пользовательские настройки, такие как свернутая или развернутая боковая панель, в локальном хранилище. Однако обновления не будут синхронизироваться на нескольких вкладках. Чтобы решить эту проблему, используйте хук useSyncExternalStore в React, чтобы обеспечить согласованность данных на всех вкладках...

Представляем Principium - стартовый проект React-Native и Redux без раздутий
В настоящее время я работаю над несколькими приложениями React-Native, некоторые из которых используются для повседневной работы, а некоторые - как хобби (например, приложение для обучения моей дочери). В любом приложении React «старт» - самая неприятная вещь. Вот почему Facebook выпустил приложение create-response-app. Однако для React-Native после запуска первоначального проекта ничего не происходит. Первоначальная структура проекта действительно голая и не имеет большого..

О различиях между React, Vue и Angular.
Краткое содержание Прежде всего, давайте посмотрим на картинку выше, чтобы показать процент использования каждого фреймворка. Как видите, реакция является основным требованием разработки приложений. Я хочу подчеркнуть, что ReactJS — это не фреймворк. Мы можем вызвать его в библиотеку javascript для создания клиентского веб-приложения. В этой статье я собираюсь объяснить различия между React, Vue и Angular. Структура/библиотека Веб-фреймворк — это программная среда, которая..