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

Бета-версия приложения не используется по умолчанию. Ее необходимо включить, а затем можно постепенно внедрять. В этой статье мы рассмотрим новую структуру приложения и преобразуем существующий проект Hygraph в эту новую структуру. Мы сделаем это шаг за шагом и посмотрим, как на самом деле работает постепенное внедрение.

Геолокация используется для определения текущего местоположения сетевого устройства. Его можно использовать в таких приложениях, как Google Maps, Uber, Tripadvisor и т. д.

В ReactJS мы можем найти текущую геолокацию пользователя с помощью Geolocation API JavaScript.

В TypeScript существует функция Enum, которая не является расширением JavaScript на уровне типов. Enum позволяет разработчику определить набор именованных констант.

Создание проекта цифровых часов на JavaScript — один из лучших способов изучения JavaScript. Итак, сегодня давайте создадим JavaScript для цифровых часов. Для создания этого проекта нам понадобится HTML, CSS, Javascript.

В современную цифровую эпоху знание того, как создать цифровые часы с помощью JavaScript, является ценным навыком для веб-разработчиков. Хотите ли вы отображать текущее время на своем веб-сайте или создать собственное приложение для часов, JavaScript предоставляет необходимые инструменты для этого. В этом уроке мы покажем вам процесс создания простых цифровых часов с использованием HTML, CSS и JavaScript.

Эффективная выборка данных в 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 или хотите оптимизировать процесс разработки, это руководство - ваш золотой билет. Мы расскажем обо всем: от инициализации проекта до выполнения тестов и отладки.