DevGang
Авторизоваться

Динамическое промежуточное ПО с ограничением скорости в Express

Для создания динамического промежуточного ПО для ограничения скорости в Express, которое может использоваться на различных уровнях (контроллер, приложение, маршрутизатор), можно использовать пакет express-rate-limit. Это промежуточное ПО может быть сконфигурировано динамически на основе передаваемых параметров.

Приведем пример пользовательского промежуточного ПО для ограничения скорости, которое можно использовать на разных уровнях Express:

Создание редактора Markdown, используя Next.js и TailwindCss

Присоединяйтесь ко мне в этом проекте, где мы создаем онлайн-редактор Markdown, используя последнюю версию Nextjs.

1. Создайте целевую страницу

Мне нужен простой макет, поэтому я разделил экран на две части; слева — редактор, а справа мы видим рендеринг Markdown.

11 способов оптимизации веб-сайта

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

Когда браузер запрашивает веб-страницу, он сначала получает HTML-документ. Браузер разбирает этот документ, и если в нем встречается внешний файл, то браузер посылает еще один запрос на его получение. Например, представьте, что у вас есть сайт со следующей структурой:

Защитите свои веб-приложения с помощью аутентификации по лицу

В течение последних трех десятилетий веб-технологии оставались актуальными благодаря своей универсальности и широкому спектру применения в строительных решениях. В Интернете работает практически все: от простых сайтов блогов до сложных и масштабируемых веб-систем ERP в B2B, играх и финансовых технологиях, а также в других отраслях.

Чтобы персонализировать работу пользователей в веб-приложениях, нам необходимо их аутентифицировать. За прошедшие годы аутентификация пользователей превратилась из 4-значных личных идентификационных номеров (ПИН-кодов) в многофакторную аутентификацию. Последний требует от пользователей предоставления дополнительных данных, таких как OTP-коды, которые обычно отправляются на номер мобильного телефона или электронную почту, в дополнение к имени пользователя и паролю.

Мой первый реактивный компонент Svelte5

Добро пожаловать в захватывающую эпоху Svelte 5!

После периода интенсивной разработки появилась бета-версия Svelte 5 (следующая) версия, что стало важной вехой для сообщества Svelte.

С 11 ноября у разработчиков появилась возможность изучить передовые функции и улучшения, представленные в этой последней версии.

Создание шахматной доски в формате SVG, PNG и GIF

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

Как создать анимированное гамбургер-меню в React

Если вы хотите добавить несколько отточенных анимаций в свои приложения React, Framer Motion - это инструмент для этой работы.

В этом руководстве я покажу вам, как создать полностью анимированное мобильное меню, используя движение кадров в Reaction.

Как избежать Prop Drilling в React

Чтобы писать масштабируемые, повторно используемые и поддерживаемые приложения с помощью React, вам нужно будет выйти за рамки использования компонентов React, useEffect, useContext, useState и тому подобного. Это предполагает более детальное изучение того, как работает React.

И если вы должным образом не понимаете эти ключевые концепции React, вы можете столкнуться с различными проблемами, такими как prop drilling.

Анатомия веб-компонента: Основы

Я изучаю веб-компоненты в рамках курса Роба Айзенберга "Разработка веб-компонентов" и решил, что мне стоит изложить свои знания в письменном виде. Итак, здесь представлен очень простой веб-компонент, демонстрирующий некоторые фундаментальные характеристики веб-компонентов, которые мы будем развивать в будущем (я прошел всего несколько уроков, а впереди еще очень много).

Как создать чат-бота с искусственным интеллектом с помощью React JS

Диалоговый искусственный интеллект набирает обороты, и чат-боты, основанные на больших языковых моделях (LLM), таких как ChatGPT, быстро становятся обязательными для многих приложений и веб-сайтов. Как разработчик React, вам нужен простой способ создать отличный интерфейс чата, подкрепленный этими невероятными LLM. Именно здесь на помощь приходит NLUX — библиотека Javascript/React JS с открытым исходным кодом.

Присоединяйся в тусовку

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

Попробовать

В этом месте могла бы быть ваша реклама

Разместить рекламу