Главная » Архив меток: React

Архив меток: React

Устранение утечек памяти в приложении

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

Читать далее »

Варианты оптимизации кеширования в React

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

Читать далее »

Как использовать Redux для управления состоянием

От автора: посмотрим правде в глаза – управлять состоянием нескольких компонентов непросто. Иногда мы можем правильно настроить обработку состояния или логики, но получить ошибку при использовании этого состояния. Или мы можем заставить все работать, но настолько увеличить кодовую базу в процессе, что это затруднит чтение, адаптацию и расширение. Возможность иметь единственный источник (единое хранилище) — вот что дает преимущество Redux ...

Читать далее »

Внедрение зависимостей в React

От автора: внедрение зависимостей (DI) — это шаблон, в котором компоненты, необходимые для запуска кода, могут быть заменены в горячем режиме. Это означает, что зависимости не жестко запрограммированы в реализации и могут изменяться по мере изменения среды. Благодаря наследованию, DI — это широко используемый шаблон в объектно-ориентированном программировании (ООП), предназначенный для многократного использования кода в различных объектах и классах. Однако ...

Читать далее »

Декларативная выборка данных с React Async

От автора: в JavaScript мы обычно используем async / await для асинхронных операций, таких как выборка данных. То же самое и при использовании библиотек пользовательского интерфейса, таких как React. Но что, если вместо этого вы получите возможность использовать компонент и хук React для извлечения данных? React Async делает именно это, предоставляя компонентный подход для извлечения данных из API. В этой ...

Читать далее »

Адаптивные веб-страницы с помощью React-Response и TypeScript

От автора: в последнее время часто возникает потребность в быстром создании адаптивных веб-приложений, которые правильно отображаются на устройствах с различным разрешением экрана. Эта потребность обязывает разработчиков искать способы быстрого включения стилей в логику (функционал) приложения, давая им гибкость, позволяющую легко создавать веб-приложения, реагирующие на запросы, без написания CSS медиа-запросов. В этом руководстве мы узнаем о react-responsive библиотеке и о том, ...

Читать далее »

Шпаргалка по React с TypeScript

От автора: благодаря этому руководству вы узнаете о наиболее распространенных типах, которые могут понадобиться при разработке приложения React-TypeScript. Как типизировать React props Поскольку React props используются для отправки данных от одного компонента React в другой, существует множество типов, которые вы можете использовать для типизации props. Чтобы записать типы props, нужно добавить двоеточие и буквенное обозначение (: {}) рядом с деструктурирующим ...

Читать далее »

Как писать более читаемый код React

От автора: один из важнейших аспектов кода — его читабельность. Легко читаемый код — это результат качественного написания кода, и он имеет много долгосрочных преимуществ. Его будет легче читать, понимать, поддерживать, проверять, он будет менее подвержен неожиданным ошибкам и, как правило, значительно упростит жизнь другим разработчикам, когда им придется взаимодействовать с таким кодом. Сложность читабельности кода особенно заметна при разработке ...

Читать далее »

Как очистить побочные эффекты в React

От автора: в React мы используем useEffec t, когда нам нужно что-то сделать после рендеринга компонента или когда нам нужно применить побочные эффекты. Побочным эффектом может быть выборка данных с удаленного сервера, чтение или запись в локальное хранилище, настройка слушателей событий или настройка подписки. UseEffect() позволяет нам управлять жизненными циклами компонентов внутри функциональных компонентов. Хук useEffect() можно рассматривать как комбинацию ...

Читать далее »

Распространенные ошибки хуков React

От автора: функция React Hook была впервые представлена в обновлении React 16.8 и стала чрезвычайно популярной среди разработчиков благодаря своим возможностям. Она позволяет подключаться к функциям состояния и жизненного цикла React. Иногда это может быть проблематично в сложных вариантах использования. В этой статье я расскажу о 5 распространенных ошибках React Hook, которых следует избегать каждому разработчику при создании надежных приложений. ...

Читать далее »