Javascript & Ajax \ React

Создание доступной якорной ссылки с помощью React

От автора: ссылки необходимы для навигации по любому веб-сайту с момента появления современной сети в 2000-х годах. Не существует определенного числа, выражающего максимальное количество ссылок на любой веб-странице. Однако можно с уверенностью предположить, что семантический HTML header будет иметь несколько ссылок анкоров.

Читать далее

Javascript & Ajax \ Javascript

Добавьте сервис-воркер на свой сайт

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

Читать далее

Javascript & Ajax \ React

Недооцененные хуки React

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

Читать далее

Javascript & Ajax \ React

Как и почему вы должны хранить состояние React UI в URL-адресе

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

Читать далее

Javascript & Ajax \ React

Подробное руководство по итерации, контексту и дочерним элементам в React

От автора: самые сложные этапы освоения React включают итерацию по наборам информации, передачу данных по всему приложению и работу с props.children. В этой статье мы подробно рассмотрим эти три концепции, охватив их внутреннюю работу с несколькими соответствующими примерами.

Читать далее

Javascript & Ajax \ React

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

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

Читать далее

Javascript & Ajax \ React

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

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

Читать далее

Javascript & Ajax \ React

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

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

Читать далее

Javascript & Ajax \ React

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

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

Читать далее

Javascript & Ajax \ React

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

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

Читать далее