Эффективная выборка данных в React является достаточно сложной задачей. Мы вынуждены полагаться на сторонние библиотеки для кэширования, синхронизации данных между вкладками, их дедупликации, ревалидации и т.д. Поскольку изобретать велосипед не очень удобно, лучшим выбором будет использование библиотеки.

В этой статье я покажу вам, как перейти от наивного подхода к получению данных к эффективному. Вы также научитесь использовать такие библиотеки, как react-query и SWR.

В новом выпуске Next.js 13 появились новые парадигмы и концепции. Представлена одна распространенная концепция react и next.js.— это серверные компоненты, то есть компоненты, отображаемые на сервере. Это позволяет ускорить загрузку страниц и улучшить SEO.

Это отличная концепция, позволяющая выполнять асинхронные задачи на компоненте реагирования, например получение данных. Это значит, что вам не понадобится useEffect для получения данных из API; это считается анти-шаблоном в реакции, когда дело доходит до получения данных на клиенте с помощью useEffect, потому что это может вызвать некоторые дорогостоящие проблемы в долгосрочной перспективе, если вы не будете осторожны с ним.

Когда пользователь отправляет форму в вашем приложении, вам часто необходимо выполнить запрос API, получить обратно некоторые данные, а затем использовать эти данные для обновления пользовательского интерфейса (UI).

Поскольку процесс запроса API продолжается, вам необходимо отобразить индикатор загрузки в пользовательском интерфейсе, чтобы уведомить пользователя о том, что операция все еще выполняется.

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

Привет всем, веб-мастера и мастера клавиатурного кунг-фу! Вы когда-нибудь чувствовали, что ваша HTML-игра запущена? Вы отличаете свои <div> от своих <span>, а свои <p> от своих <h1>. Но позвольте мне сказать вам, что есть некоторые HTML-элементы, которые настолько скрыты под землей, что делают крота похожим на туриста. Так что берите свои кирки, давайте покопаемся в недрах HTML и раскопаем 8 HTML-элементов, которые никто не использует, но должны использовать все!

Добро пожаловать, разработчики! Если вы только начинаете осваивать TypeScript или хотите оптимизировать процесс разработки, это руководство - ваш золотой билет. Мы расскажем обо всем: от инициализации проекта до выполнения тестов и отладки.

В JavaScript большинству разработчиков хорошо известны const. Он объявляет локальные переменные с областью действия блока, что означает, что значение константы не может быть изменено путем переназначения с использованием оператора присваивания, за исключением Object и Array.

Предлагаем ознакомиться с несколькими функциями JS, которые облегчат вам работу. В этой статье будут представлены наиболее часто используемые фрагменты кода и приведены примеры.

Привет, сообщество dev-gang! Сегодня я покажу вам, как с помощью react-native-maps-directions получить примерное время в пути между двумя точками. Это может быть очень удобно при создании приложений, связанных с путешествиями или передвижением.

В Angular 16 появилась новая функция Signals, которая обеспечивает реактивный способ управления состоянием в приложениях Angular. Сигналы основаны на паттерне Observer, что означает, что они могут использоваться для подписки на изменения значений и получения уведомлений об этих изменениях. Это делает их идеальными для управления состоянием в приложениях Angular, где важно как можно быстрее реагировать на изменения данных.