Category : javascript

javascript
Интеграция Vue.js в Битрикс24: Как разработать сложный фронтенд за два месяца

Интерфейс Онлайн-записиПредставьте, что к вам приходит владелец продукта с видео-концептом новой фичи для клиента, функционал которой отдаленно напоминает космический корабль, а у вас всего два месяца на разработку, и один — на тестирование. Если смогли представить, значит эта статья для вас, а если нет — то и для вас тоже, чтобы заранее знать, как выходить из таких ситуаций.Меня зовут Петр Попов, я разработчик в Битриксе и в этой статье расскажу о том, как мы делали фронтенд для Онлайн-записи,…

  • вторник, 11 февраля 2025 г. в 00:00:07
javascript
Пять нужных кастом-хуков для React

Фото Tatiana RodriguezReact предоставляет программисту прекрасный базовый набор хуков и с каждой версией их количество и функционал увеличивается.Трудно представить код современного React-приложения без таких функций как useState, useEffect, useRef и так далее.Однако, в повседневной жизни мы часто решаем рутинные задачи, многие из которых могут быть автоматизированы.Создание кастом-хуков это прекрасная возможность выделить часто переиспользуемый код в отдельные сущности.Это помогает содержать о…

  • воскресенье, 9 февраля 2025 г. в 00:00:05
javascript
Разработка трёхфазного энергомонитора на базе ESP8266 с функцией автоматической проверки прибора уч…

Задача разработки — быстрая проверка прибора учёта электроэнергии в полевых условиях. Устройство должно обладать низкой стоимостью, высокой мобильностью и более простым интерфейсом в сравнении с аналогом — Энергомонитор-3.3 Т1.схема работы проектаВ целом, ничего принципиально нового, это очередной велосипед из ESP и PZEM. В статье я собрал разные, как мне показалось, неочевидные для новичков моменты. Заранее отмечу, что не являюсь профессиональным программистом микроконтроллеров или фронтендеро…

  • воскресенье, 9 февраля 2025 г. в 00:00:03
javascript
Ускоряем документацию в 10 раз

Чтобы загрузить документацию docusaurus необходимо 2 мегабайта JavaScript'а. Это же обычный статический сайт! В моём неожиданном сайд-квесте избавиться от реакта, решил убрать его с jakeloud.com - документации небольшого CI/CD инструмента.Дизайн - последнее, что меня волнует в технической документации. Главное, чтобы было удобно пользоваться и было легко донести информацию.главная страница готовой документацииПреимущества starlight перед docusaurusStarlight - коробочное решение для документ…

  • суббота, 8 февраля 2025 г. в 00:00:05
javascript
Пока Apple саботирует развитие PWA, мы сделали демо с контактами, пуш-уведомлениями и биометрией

Хабр не раз выручал нашу команду, когда заказчик ставил задачу, которую мы никогда не делали. В недавнем кейсе по разработке демо-приложения PWA мы подсмотрели в статьях несколько полезных советов и тоже решили написать о своем опыте. Поговорим о PWA, про развитие технологии и про то, кому это выгодно и не очень. Кстати, меня зовут Сергей Филатов и я веб-разработчик в R-Style Softlab. Реальность PWA для пользователей, разработчиков и…владельцев ОСЛюбой российский продукт сегодня тяжело размести…

  • суббота, 8 февраля 2025 г. в 00:00:04
javascript
Продвинутое использование библиотеки React Router v7: как упростить сложную навигацию и улучшить пр…

Рад приветствовать вас, друзья. Я Сергей, фронтенд-разработчик в Clevertec и хочу поделиться с вами опытом использования последней обновленной 7-й версии React Router в одном из крупных проектов нашей компании.В процессе разработки мы часто сталкиваемся с проблемами навигации в больших React-приложениях: сложной логикой авторизации, множеством вложенных страниц и подстраниц, необходимостью проверок или отправкой данных при переходе на определенную страницу. React Router v7 предлагает элегантные…

  • пятница, 7 февраля 2025 г. в 00:00:10
javascript
Обновление Capacitor приложений в обход сторов

Всем привет, меня зовут Илья, я работаю Frontend разработчиком в компании Бастион.В данной статье я хочу затронуть такую интересную тему, как обновление бандла Capacitor-приложений (CodePush, live update и т.д).Сталкивались ли Вы когда-нибудь с ситуацией, когда необходимо незначительно обновить мобильное приложение, написанное на Capacitor?Предположим такую ситуацию: Вы выпустили релиз приложения, где все изменения не связаны с обновлением нативного кода, то есть Вы не добавляли новых библиотек…

  • пятница, 7 февраля 2025 г. в 00:00:09
javascript
Миграция на строгий TypeScript: наш путь и собственное решение

Наш проект имеет долгую историю. И за это время подходы к разработке фронтенда успели несколько раз измениться. В какой-то период в проекте можно было встретить код на JavaScript, CoffeeScript и TypeScript. Плюс сам TypeScript успел обновиться несколько раз за время существования проекта со второй до пятой версии. Сейчас TypeScript практически вытеснил весь остальной код, но процесс по переписыванию с других языков занял много времени. И чтобы была возможность переиспользовать уже написанный …

  • пятница, 7 февраля 2025 г. в 00:00:07
javascript
Как утекает память, если забыть отписаться от Observable

...и как это обнаружить.Многие, конечно, знают, что в Angular-сообществе принято трепетно следить за подписками на Observable, потому что это чревато утечками памяти. Но не все видели эти утечки в глаза и не встречались с их последствиями. Давайте смоделируем простую ситуацию по следам утечки, с которой недавно столкнулся я (первый раз).Представим, что пользователи заявили, что после долгого использования нашего приложения, оно неожиданно вылетает и превращается в страницу “Опаньки”.(хихикал с …

  • четверг, 6 февраля 2025 г. в 00:00:06