Category : javascript

javascript
Hono vs. H3 vs. HatTip vs. Elysia — современные замены Express для сервера (или без сервера)

H3 отмечает, что Express.js - старый и малоразвивающийся фреймворк, являющийся не оптимальным выбором для новых проектов из-за потенциальных проблем безопасности и утечек памяти, что, к слову, касается и Koa.В нашей статье мы сделаем акцент на фреймворках, поддерживающих запуск service workers на серверной стороне и современный стандарт Fetch API, поскольку это позволяет им работать в бессерверных и Edge-окружениях, таких как Cloudflare Workers. Это, к слову, и причина, почему Fastify не будет…

  • четверг, 21 марта 2024 г. в 00:00:14
javascript
Кеширование next.js. Дар или проклятие

В 13 версии команда next.js представила новый подход к проектированию приложения - так называемый App Router. В 14 версии его сделали стабильным и основным для новых приложений.App Router значительно расширяет функционал next.js - частичный пререндеринг, шаблоны, параллельные и перехватываемые роуты, серверные компоненты и многое другое. Однако, даже несмотря на все эти улучшения - далеко не все решили перейти на App Router. И на это есть свои причины.Кратко о преимуществах и проблемах нового …

  • среда, 20 марта 2024 г. в 00:00:14
javascript
className убивает ваш UI kit

UI kit играет важную роль в разработке веб-интерфейсов. Он представляет собой набор компонентов и стилей. Основная ценность его использования - это экономия времени. Вместо того, чтобы создавать каждый элемент с нуля, разработчики могут использовать уже готовые элементы, что ускоряет процесс разработки.Гибкое API у UI kit компонентов является преимуществом. Однако возможность повлиять на стили ваших компонентов в конкретном месте является большим искушением. Разработчику выгодно внести изменен…

  • понедельник, 18 марта 2024 г. в 00:00:16
javascript
Мемоизация в React: я почитал документацию вместо вас

В статье рассмотрены три инструмента мемоизации в React: useMemo, useCallback, memo. Главный источник информации: документация React. Не всем комфортно работать напрямую с документацией, так что если вы постоянно откладываете погружение в документацию React - я сделал это за вас, постарался выделить самое важное, и дать ссылки для углубленного погружения.  Так как мы будем рассматривать не самые базовые вещи, касающиеся React, то я не буду останавливаться на таких основах как хуки, состояние, …

  • воскресенье, 17 марта 2024 г. в 00:00:13
javascript
JS. Валидация данных. Пишем свой YUP

Для чего нужна валидация при разработке и когда ее применять?В web разработке при работе с пользовательскими данными валидация должна применяться при получении данных сервисом. Условно можно разделить валидацию на:Клиентскую. При вводе данных в формы важно провалидировать введенные данные и сообщить пользователю о их некорректности. Это дает понятный обратный отклик пользователю о его действиях и предотвращает дальнейшие некорректные действия в сервисе.Серверную. Любой код, выполняемый на клие…

  • воскресенье, 17 марта 2024 г. в 00:00:12
javascript
Путь развития (Roadmap) Frontend разработчика

Сегодня я хочу вам рассказать как я вижу современную и актуальную карту развития frontend разработчика, данная статья будет разбита на две части, в первой я расскажу про основные технологии которые необходимы для старта, а во второй расскажу про выбор более сложных технологии с которыми будет не стыдно идти на свое первое собеседование.Дисклеймер Весь путь про который я тут говорю, должен занять более 3-х месяцев, если вы быстро прошлись по всем советам ровно так как они были сказаны, написали…

  • суббота, 16 марта 2024 г. в 00:00:14
javascript
Интерфейс под один палец. Концепция ONE TOUCH

РемаркаВ тг канале я вместе с вами буду создавать лучшее приложение тайм-менеджмента.тг: gaiusdedeoДанная концепция в полном объёме интегрирована в моё приложения beresta.app . В этой статье я расскажу принцип работы этой философии.Есть проблемаКак нажать назад одной рукой (гифка не даёт сделать норм качество)Сталкивались ли вы с проблемой, когда вам не хватает рук при использовании телефона? Например, у вас одна рука занята пакетами или испачкана в чипсах, а до кнопки "назад" не дотян…

  • пятница, 15 марта 2024 г. в 00:00:10
javascript
Как мы создаём редакторы документов. Ядро и его роль в кроссплатформенной разработке

В МойОфис мы создаем ПО для корпоративного пользования, и одни из ключевых продуктов нашей линейки — редакторы документов «МойОфис Текст» и «МойОфис Таблица». Эти приложения представлены на всех популярных платформах, включая мобильные устройства. Они позволяют создавать, изменять, просматривать текстовые и табличные документы различных форматов, а также совместно работать над ними в веб-версии редакторов.Сегодня мы расскажем об общем технологическом устройстве редакторов МойОфис, с акцентом н…

  • пятница, 15 марта 2024 г. в 00:00:09
javascript
Web3 приложение Twitter на React.js + Solidity | часть 2

Hello, в первой части был подготовлен проект, подключены кошельки и написан backend на Solidity, значит пришло время писать frontend на React.Проект далёк от продакшена и является простым примером для новичков, предназначенным для демонстрации взаимодействия с смарт-контрактом через веб-приложение.Возвращаемся в главную папку проекта web3, в которой создаем проект на реакте.$ npx create-react-app client Далее нужно поставить две библиотеки: react-router-domиweb3. Первая нужна для перехода межд…

  • четверг, 14 марта 2024 г. в 00:00:21