Приветствую всех читателей!В мире информационных технологий наблюдается устойчивая тенденция перехода от традиционных десктопных приложений к веб-приложениям. Сегодня веб-приложения достигли значительной сложности и представляют собой интересную область разработки. Мне посчастливилось участвовать в создании одного из таких приложений, и я рад поделиться своим опытом и знаниями с вами.О продуктеХочу сказать несколько слов о продукте, в разработке которого я участвую. Это платформа для Интернета …
Привет, меня зовут Дмитрий, я React-разработчик, и сегодня хочу рассказать о методе localeCompare в JavaScript. Мне кажется, что этот метод не так часто используется при сортировке строк, хотя он действительно заслуживает внимания. Многие привыкли к стандартным методам сравнения, но localeCompare позволяет учесть важные нюансы, такие как языковые особенности, регистр символов и числовую сортировку. Я постараюсь раскрыть все его возможности и показать, как можно использовать его для улучшения со…
Проблема взаимодействия фронтенда и бэкендаВ современной разработке веб-приложений одной из ключевых проблем является несовместимость между фронтендом и бэкендом. Фронтенд-команды часто вынуждены ждать, пока бэкенд предоставит необходимые API, а бэкенд-разработчики тратят время на адаптацию логики под изменения в интерфейсе. Это приводит к задержкам в разработке, сложностям в тестировании и постоянным несоответствиям в данных.Что такое Backend-for-Frontend (BFF)?Backend-for-Frontend (BFF) — это…
Интерфейс Онлайн-записиПредставьте, что к вам приходит владелец продукта с видео-концептом новой фичи для клиента, функционал которой отдаленно напоминает космический корабль, а у вас всего два месяца на разработку, и один — на тестирование. Если смогли представить, значит эта статья для вас, а если нет — то и для вас тоже, чтобы заранее знать, как выходить из таких ситуаций.Меня зовут Петр Попов, я разработчик в Битриксе и в этой статье расскажу о том, как мы делали фронтенд для Онлайн-записи,…
Фото Tatiana RodriguezReact предоставляет программисту прекрасный базовый набор хуков и с каждой версией их количество и функционал увеличивается.Трудно представить код современного React-приложения без таких функций как useState, useEffect, useRef и так далее.Однако, в повседневной жизни мы часто решаем рутинные задачи, многие из которых могут быть автоматизированы.Создание кастом-хуков это прекрасная возможность выделить часто переиспользуемый код в отдельные сущности.Это помогает содержать о…
Задача разработки — быстрая проверка прибора учёта электроэнергии в полевых условиях. Устройство должно обладать низкой стоимостью, высокой мобильностью и более простым интерфейсом в сравнении с аналогом — Энергомонитор-3.3 Т1.схема работы проектаВ целом, ничего принципиально нового, это очередной велосипед из ESP и PZEM. В статье я собрал разные, как мне показалось, неочевидные для новичков моменты. Заранее отмечу, что не являюсь профессиональным программистом микроконтроллеров или фронтендеро…
Чтобы загрузить документацию docusaurus необходимо 2 мегабайта JavaScript'а. Это же обычный статический сайт! В моём неожиданном сайд-квесте избавиться от реакта, решил убрать его с jakeloud.com - документации небольшого CI/CD инструмента.Дизайн - последнее, что меня волнует в технической документации. Главное, чтобы было удобно пользоваться и было легко донести информацию.главная страница готовой документацииПреимущества starlight перед docusaurusStarlight - коробочное решение для документ…
Хабр не раз выручал нашу команду, когда заказчик ставил задачу, которую мы никогда не делали. В недавнем кейсе по разработке демо-приложения PWA мы подсмотрели в статьях несколько полезных советов и тоже решили написать о своем опыте. Поговорим о PWA, про развитие технологии и про то, кому это выгодно и не очень. Кстати, меня зовут Сергей Филатов и я веб-разработчик в R-Style Softlab. Реальность PWA для пользователей, разработчиков и…владельцев ОСЛюбой российский продукт сегодня тяжело размести…
Рад приветствовать вас, друзья. Я Сергей, фронтенд-разработчик в Clevertec и хочу поделиться с вами опытом использования последней обновленной 7-й версии React Router в одном из крупных проектов нашей компании.В процессе разработки мы часто сталкиваемся с проблемами навигации в больших React-приложениях: сложной логикой авторизации, множеством вложенных страниц и подстраниц, необходимостью проверок или отправкой данных при переходе на определенную страницу. React Router v7 предлагает элегантные…