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

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

В этой статье я хочу поделиться с вами некоторыми из наиболее полезных CSS-утилит, которые я использую в своих проектах на React. Думаю, что многие из них помогут вам не только сэкономить время, но и пригодятся в ваших проектах. Все эти функции и фрагменты можно найти в папке css в пакете ui в репозитории ReactKit.

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

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

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

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

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

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

1. Тип ошибки TypeScript
2. Область видимости переменных
   
3. Вложенность
   

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

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

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

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

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

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