Category : javascript

javascript
Инструкция по переезду и миграции данных с Google Firebase на Self-hosted Supabase

Всем доброго дня! Комментарии к моей предыдущей статье о том, как я развиваю свой pet-проект, а также различные законы, подразумевающие локализацию персональных данных на серверах, размещенных на территории РФ (в частности Федеральный закон от 21.07.2014 № 242-ФЗ «О внесении изменений в отдельные законодательные акты Российской Федерации в части уточнения порядка обработки персональных данных в информационно-телекоммуникационных сетях»), озадачили меня идеей постепенной миграции всех данных пр…

  • понедельник, 4 декабря 2023 г. в 00:00:19
javascript
JSX: как разделять логику и отрисовку в разметке, сгенерированной методом map

Давайте представим себе частый кейс - вы с бека получаете какой-то массив данных, из которых вы будете делать разметку, что будет содержимым вашей страницы.Для примера возьмем список пользователей, и вам надо отрендерить этот список. Вам пришел массив и вы, не теряя времени, прогоняете его через map, создавая, таким образом свою разметку - вот так:return ( <ul className="list"> {users.map(user => ( <li>{user.name.name} {user.name.patronomic} {user.name.surnam…

  • воскресенье, 3 декабря 2023 г. в 00:00:21
javascript
HappyX vs Karax: что проще?

Хотите узнать, как с помощью Nim создавать клиентские веб-приложения?В этой статье я расскажу вам о веб-фреймворках в Nim и их возможностях, а также приведу примеры в сравнении друг с другом и другими фреймворками.Обложка веб-фреймворка HappyXОбложка KaraxНачну с того, что в экосистеме Nim есть популярный веб-фреймворк, название которому Karax. Автором является Araq, по совместительству создатель Nim.Andreas RumpfAraq, создатель NimОбычное HelloWorld приложение выглядит следующим образом:inclu…

  • воскресенье, 3 декабря 2023 г. в 00:00:20
javascript
Atomic CSS здорового человека

Перевод статьи «Reimagine Atomic CSS» двухлетней давности одного из членов команды Vue core Anthony Fu, автора UnoCSS, в которой обсуждается концепция Atomic CSS, плюсы и минусы Tailwind и Windi.Первая часть.Что такое Atomic CSS?Для начала давайте дадим правильное определение атомарному CSS:Из этой статьи Джона Полачека:Атомарный CSS — это подход к архитектуре CSS, при котором предпочтение отдается небольшим, одноцелевым классам с именами, основанными на визуальной функции.Некоторые также могу…

  • суббота, 2 декабря 2023 г. в 00:00:21
javascript
Topics API — как персонализированная реклама может работать без cookie

Отказ от third‑party кук уже не за горами. Однако в попытке уберечь пользователя от «слежки» браузеры рискуют по дороге отправить в могилу индустрию персонализированной рекламы (и не только, но сегодня про нее). Могу только представить, что испытывает Google, разрываясь между желанием сохранить лояльность пользователей Chrome и стремлением продолжить зарабатывать на рекламе сотни миллионов долларов ежедневно. В качестве решения проблемы, в рамках инициативы Privacy Sandbox, Google предлагает и…

  • суббота, 2 декабря 2023 г. в 00:00:20
javascript
Server-side rendering и практики работы с запросами

Практики работы с запросами на сервере значительно отличаются от того, к чему привык фронтенд-разработчик, ежедневно разрабатывающий SPA-приложения с клиентским рендерингом. Если не учесть эту разницу при разработке приложения с серверным рендерингом, то можно собрать довольно много граблей. Хочу поделиться опытом и рассказать про три практики, которые использую повседневно, а также о проблемах, предшествующих их появлению. Я буду ссылаться на web-performance и рассчитываю что вы уже знакомы с…

  • пятница, 1 декабря 2023 г. в 00:00:17
javascript
Ваша емайл-рассылка нуждается в AMP-emails прямо сейчас

AMP-emailsКто яПривет, я фуллстек разработчик на JavaScript. AMP-эксперт, больше 5 лет работаю с Google-AMP фреймворком(AMP-pages) и более четырех лет с AMP-emails. За это время я успел поучаствовать в нескольких стартапах с AMP-emails и получить исчерпывающий опыт.Краткое содержаниеВ данной статье я поделюсь своим опытом насчет AMP-emails и расскажу почему вам стоит их использовать уже сейчас. Для нетерпеливых отвечу сразу: AMP-emails это интерактивные емайлы которые разрабатывает Google и ко…

  • пятница, 1 декабря 2023 г. в 00:00:17
javascript
По заветам кота Вжуха: превращаем веб-приложение в сервис на платформе VK Mini Apps

VK Mini Apps — это платформа для создания мини-приложений, работающих внутри ВКонтакте. На ней можно создать продукт любого масштаба — от лендинга до сложного сервиса с множеством функций. А ещё вы можете портировать на площадку ваше веб-приложение, чтобы получить доступ к огромной аудитории VK Mini Apps и новым возможностям монетизации. В этой статье поделюсь пошаговой инструкцией, как превратить в сервис любое веб-приложение — на примере планировщика задач.Всем хабропривет. Я Леонид Шевчук, …

  • четверг, 30 ноября 2023 г. в 00:00:17
javascript
Как появились веб-пуши Apple в Тинькофф

Всем привет! Мы — архитектор разработки публичных веб-приложений Борис и разработчик системы-шлюза отправки нотификаций Данила. Расскажем о том, как создавались веб-пуши iOS в Тинькофф, как их настраивали и с какими проблемами столкнулись в процессе разработки.Длинные и короткие пушиС выходом iOS 16.4 Apple добавила возможность отправлять пуши в PWA на телефон, а вместе с этим перешла на стандарт Push API для отправки веб-пушей. Теперь можно отправлять пуши в мобильный браузер Safari.Пример но…

  • среда, 29 ноября 2023 г. в 00:00:17