Публикации по тегам front-end-development
Публикации по теме 'front-end-development'
Переменные среды в Next.js с dotenv
Настройка dotenv в Next.js
Существующая установка
Я работал над задачей по внедрению dotenv в наш проект. У нас были все переменные среды в отдельном файле ( .env ), и мы использовали его для ручного источника перед запуском приложения. Некоторое время это было нормально, но нам нужно было лучшее решение.
Исследовать
Поскольку мы используем Next.js в нашем проекте, я подумал о том, чтобы просто использовать его встроенную функцию для заполнения process.env , но у нее были..
Node.js в API
Что такое API?
Набор функций и процедур, позволяющих создавать приложения, которые получают доступ к функциям или данным операционной системы, приложения или другой службы. Проще говоря, API - это сервер, который создает HTTP-интерфейс для взаимодействия с данными.
Обычно он обслуживается на удаленном компьютере, который определяет, как приложение может взаимодействовать с данными. Основные операции, такие как создание, чтение, обновление, удаление.
А как же отдых?
Это..
Популярные интерфейсные фреймворки на 2023 год
По мере приближения 2023 года веб-разработка продолжает развиваться с головокружительной скоростью. Фронтенд-фреймворки играют важную роль в разработке веб-приложений, и для разработчиков жизненно важно быть в курсе последних тенденций и технологий. В этой статье мы рассмотрим самые популярные интерфейсные фреймворки на 2023 год.
Введение
Фронтенд-фреймворки — это предварительно написанные библиотеки кода, которые разработчики используют для упрощения создания веб-приложений. Эти..
Размещение маркеров внутри многоугольников Google Maps
В последнее время, работая с Google Maps, нашей команде нужно было иметь возможность размещать маркеры карты внутри различных типов фигур, нарисованных на карте. Это просто для кругов и прямоугольников, поскольку каждый из них имеет определенную центральную точку. Однако для более сложных многоугольников «разумное» место для размещения маркера не обязательно является очевидным или напрямую предоставляется API Карт Google. Это побудило нас искать легкое решение, которое могло бы найти..
Создание внешнего децентрализованного приложения с помощью ReactJS
React — это библиотека JavaScript для создания пользовательских интерфейсов. В этой статье я расскажу вам, как создать простое децентрализованное приложение с интерфейсом. Это поможет вам понять реальную реализацию Web3 в React и узнать, как внешние разработчики управляют состояниями и взаимодействуют с данными из смарт-контрактов.
Настройка и установка библиотек
Чтобы настроить и установить библиотеки, выполните следующие действия:
Шаг 1 . Во-первых, нам нужно создать..
Создавайте формы в React без стресса
Простой способ управления проверкой, ошибками, списком измененных полей и т. д.
Честно говоря, существует множество способов управления состоянием формы. У нас есть много вариантов в настоящее время. Наиболее популярны Formik , React Hook Form и React Final Form .
О, и вы можете сделать свой собственный крючок. Самое сложное здесь — выбрать правильный вариант для вашего проекта.
Моя история
Пару лет назад я исследовал управление формами в React в поисках лучшего решения для..
Вы знаете, как Netflix использует javascript в своей компании?
Важность JavaScript как веб-технологии определяется тем фактом, что в настоящее время он используется на 94,5 % всех веб-сайтов. Являясь языком программирования на стороне клиента, JavaScript помогает веб-разработчикам делать веб-страницы динамичными и интерактивными путем реализации пользовательских сценариев на стороне клиента. В то же время разработчики также могут использовать кроссплатформенные механизмы выполнения, такие как Node.js, для написания серверного кода на JavaScript. Они..
Новые материалы
Конфигурация Gulp для WordPress - Часть II
Здесь мы переходим ко второй части руководства по настройке Gulp для оптимальной разработки WordPress. Если вы пропустили первую часть, где мы установили все модули, необходимые для задач,..
LACTF — сеть/метавселенная
В lactf я смог решить задачу веб/метавселенной.
Ниже приведен исходный код, предоставленный здесь
Из исходного кода видно, что флаг — это отображаемое имя администратора...
GraphQL — Язык запросов — Часть 1
Первое, что нужно знать: GraphQL — это спецификация (как она должна работать и выглядеть), а не реализация. GraphQL не нужно устанавливать, вы реализуете его с помощью серверной библиотеки,..
Будущее машинного обучения в Индии
Будучи связанным с интенсивно развивающимся языком, непрерывные технологические достижения наверняка поразят сектор машинного обучения, который вот-вот сформирует долгосрочную перспективу машинного..
Сравнение Clojure IDE — Emacs/Cider и IDEA/Cursive
Введение
Недавно я редактировал сообщение в блоге, в котором брал интервью у жителей Метосинии относительно их любимых редакторов Clojure . Было довольно интересно увидеть, что используется..
Строки, регулярные выражения и шаблонные литералы — Часть 1 | Понимание ES6
Строки, несомненно, являются одним из самых важных типов данных в любом языке программирования.
Строки есть практически в каждом языке программирования, и научиться их эффективному..
7 признаков того, что вы все еще начинающий веб-разработчик
В этой статье я расскажу о 7 признаках того, что вы все еще начинающий веб-разработчик. Это вещи, в которые время от времени могут впадать даже опытные разработчики, поэтому не беспокойтесь,..