| Date | Title | Description |
| 30.12.2024 | The Unsung Heroes of Web Development: Understanding Ports and Time Zones | In the world of web development, ports and time zones are the unsung heroes. They work behind the scenes, ensuring smooth communication and accurate data representation. Understanding these elements is crucial for developers. Let’s dive int... |
| 28.12.2024 | Порты в веб-разработке: от локальной разработки до продакшена | Эта статья предназначена в первую очередь для веб-разработчиков. Я не являюсь экспертом в области сетей, администрирования или DevOps, поэтому представленный материал не углубляется в сетевые аспекты.
Из любопытства, я как то задался вопрос... |
| 25.12.2024 | Как я писал плагин для TypeScript. Часть 2. CLI | В первой части статьи я описал процесс и причины написания плагина для TypeScript. Он позволил переопределять настройки из tsconfig для указанных папок, благодаря чему мы начали плавную миграцию на strict. C исходным кодом плагинов — как дл... |
| 18.12.2024 | Переводим 50 приложений на Module Federation и ничего не ломаем | О микрофронтендах и сопутствующей концепции Model Federation на примере большого проекта.Архитектура микрофронтов до Module Federation
Привет, меня зовут Степан, я главный frontend-разработчик в Альфа-Банке. Проектом, о котором пойдёт речь,... |
| 17.12.2024 | Как мы мигрируем с JQuery на React | Почему мигрируем
Исходный стек
Жизнь до реакта — JQuery
Что такое неймспейсы
React-like контекст
Миграция
Почему React?
Подход к миграции
Отдельный проект — библиотека компонентов
Конфигурация Webpack
Интегрируем
Нельзя просто так взять и м... |
| 16.12.2024 | Как же войти в айти в 2025 году и не потратить на это 10 лет жизни | Сфера IT продолжает стремительно развиваться (даже слишком), но в России конкуренция за рабочие места в этой области становится всё более жёсткой. Тем не менее, даже в условиях высокой конкуренции вы можете добиться успеха, если будете двиг... |
| 03.12.2024 | Добавление поддержки нескольких языков в NestJS и Angular приложениях | Предыдущая статья: Валидация REST-запросов в NestJS-приложении и отображение ошибок в формах Angular-приложения
В этой статье я добавлю поддержку нескольких языков в NestJS и Angular приложениях, для сообщений в ошибках, уведомлениях и данн... |
| 28.11.2024 | Как сделать виджет звонков из браузера на примере XWiki | Верите ли вы в настоящую любовь? И я сейчас не про то мимолетное увлечение, когда прям с первого взгляда «искра, буря, безумие», а про выстроенную годами усилий, литрами пота и крови любовь. Лично я — верю! И хоть на новой работе я больше н... |
| 21.11.2024 | Zitadel's $9M Boost: A Leap into Cloud-Native Identity Solutions | In the bustling tech landscape of San Francisco, a new player is making waves. Zitadel, a provider of cloud-native identity infrastructure solutions, has secured $9 million in Series A funding. This investment, led by Nexus Venture Partners... |
| 20.11.2024 | Navigating the Complex World of Modern JavaScript Packages | In the ever-evolving landscape of web development, JavaScript packages are the lifeblood of efficient coding. They are the building blocks that developers rely on to create dynamic applications. However, as the ecosystem matures, so do the ... |
| 19.11.2024 | The Trials and Triumphs of Modern Development: Navigating the Labyrinth of Code | In the world of software development, the journey is often fraught with challenges. Developers, like brave adventurers, navigate a labyrinth filled with obstacles, uncertainties, and unexpected turns. This article explores the trials faced ... |
| 19.11.2024 | How to Hire React Developers: A Comprehensive Guide | Share
Tweet
Share
Share
Email
And today, as the requirements for fast, efficient, and engaging web interfaces are constantly increasing, React.js is highlighted as one of the most popular tools for developing current web applications. Howev... |
| 18.11.2024 | Создаём современные npm-пакеты и преодолеваем трудности совместимости ESM и CJS | Привет! Меня зовут Никита, и я тружусь в фронтенд-команде платформы в Ozon. Платформа поставляет инструменты для создания и поддержки JS-проектов. В компании в настоящее время более 500 таких проектов. Мы прилагаем максимум усилий, чтобы ра... |
| 17.11.2024 | Правильные ли у вас микрофронты? | Рассмотрю на примере nx.dev и webpack module federation.
nx.dev был выбран для того, чтобы не пришлось самостоятельно придумывать решения, а взять готовые, которые могут пригодиться при работе с микрофронтами. Можно также yarn workspaces ис... |
| 15.11.2024 | Что нового в Strapi 5. Спойлер: стало лучше | Всем привет! Меня зовут Александр, я фронтенд-разработчик в KTS.
Не так давно я уже рассказывал про Strapi — одно из ведущих опенсорсных headless CMS‑решений, которое на протяжении долгого времени пользуется большой популярностью у разработ... |
| 15.11.2024 | О чем плачет Frontend-developer | «Плачущий мальчик», Джованни Браголин.1. Первый рабочий день — обман ожиданий
Ты приходишь в новую компанию, всё кажется крутым: светлый офис (или уютный хоум‑офис), дружелюбная команда, проекты мечты. И тут начинается:Настройка окружения
Т... |
| 09.11.2024 | The State of CSS 2024: Trends, Tools, and Future Directions | The digital landscape is ever-evolving, and CSS is no exception. The recent release of the State of CSS 2024 survey sheds light on the latest trends, tools, and community sentiments surrounding CSS. This annual survey, which gathers insight... |
| 09.11.2024 | Integrating External Authorization with NestJS and Angular: A Seamless Approach | In the world of web development, security is paramount. As applications grow, so does the need for robust authentication systems. This article explores the integration of an external authorization server, Authorizer.dev, into a full-stack a... |
| 08.11.2024 | Flutter Web. Часть 2 | Привет, меня зовут Максим, я Flutter-разработчик в компании Surf.
Мы продолжаем рассказывать про Flutter Web. И это вторая статья.Разработка собственных библиотек
Межъязыковое взаимодействие JS-Dart устроено достаточно просто. Но вписать бо... |
| 08.11.2024 | Feature-Sliced Design (FSD): Основы и практические примеры архитектуры | Когда я только начинал свою карьеру фронтенд-разработчика, часто сталкивался с проблемами поддержки кода в проектах. Со временем я понял, что структура кода имеет решающее значение. Так я узнал о Feature-Sliced Design. Этот подход помогает ... |
| 05.11.2024 | Как сделать один плагин сразу для всех сборщиков фронтенда? | Здравствуйте, товарищи! Сегодня мы снова поговорим про тулинг для фронтенда. В этот раз обсудим разработку плагинов для сборщиков, таких как: Webpack, Vite, esbuild и подобных. За основу мы возьмем Unplugin.
Короткий ответ на вопрос из заго... |
| 05.11.2024 | Decoding SFRA VS SiteGenesis: Performance Pitfalls and Solutions | Share
Tweet
Share
Share
Email
In the rapidly developing domain of eCommerce, the selection of the right architecture for your online store can impact your performance and user experience. Salesforce commerce cloud provides two basic framewo... |
| 28.10.2024 | 3D-model (векторизация) | Создание 3d-models с помощью программы на Tree.js и HTMLСодержание
Введение
Создание HTML файла
Создание JSON и Webpack файлов
Создание JS файлаВведение
Проект, который мы будем сегодня реализовывать имеет несколько практических составляющи... |
| 23.10.2024 | Navigating the Maze of Recursive Dependencies in Frontend Development | In the world of frontend development, recursive dependencies can feel like a labyrinth. They twist and turn, creating paths that lead to confusion and errors. Understanding these dependencies is crucial for building robust applications. Thi... |
| 23.10.2024 | Рекурсивные зависимости на фронтенде | Хочу рассказать о том, какие проблемы при разработке создают рекурсивные зависимости на фронте. И рассмотрим способы решения зависимостей и их обнаружение.О проблеме
Рекурсивные зависимости на фронтенде могут возникать если модули ссылаются... |
| 17.10.2024 | The Rise of GoSSR: A New Era in Web Development | In the ever-evolving landscape of web development, a new player has emerged: GoSSR. This tool promises to bridge the gap between server-side rendering (SSR) and the Go programming language, offering developers a streamlined approach to buil... |
| 12.10.2024 | Server Side Rendering на Go | Жизнь – это вечная спираль, где всё идёт по кругу, но с каждым витком становится лучше. Ещё 20 лет назад я писал веб-приложения на Perl + Template Toolkit 2, генерируя HTML на стороне сервера. Время шло, и веб-разработка разделилась на две ... |
| 25.09.2024 | Пишем свой плагин для Webpack | Введение
Сегодня в мире разработки веб-приложений нам очень часто приходится прибегать к помощи сборщиков. И хоть на текущий момент существует большой выбор инструментов сборки приложений, значительная доля написанных проектов использует We... |
| 20.09.2024 | Vue 3 в деле: Как мы обновили большой внутренний сервис и что из этого вышло | Привет, Хабр!
Меня зовут Егор Прокопьев, и я фронтенд-разработчик в Ozon.
Третья версия полюбившегося многими фреймворка Vue вышла уже давно, и большинство использующих его произвели обновление до новой версии. Но всегда будут такие, как на... |
| 15.09.2024 | Использование стандарта ES5 в Интернете | Стандарт Ecmascrpit
В 2017 году я написал статью, в которой показал веб-разработчикам, как они могут деплоить код ES6+ (он же ES2015) в продакшен, без необходимости транспилировать его в ES5. Этот метод был выходом для разработчиков веб-сай... |
| 10.09.2024 | «Нерешаемых задач не бывает»: история о том, как я пришла в разработку в 27 | Привет, Хабр! Меня зовут Татьяна и уже почти два года я занимаюсь разработкой фронтенда в МКБ. Это история о том, как я сменила профессию, какую роль сыграли дисциплина, четкое видение конечного результата и пара мотивирующих цитат.
Будучи ... |
| 08.09.2024 | Vue 3.5: A Leap Forward in Frontend Development | The world of frontend development is ever-evolving. Each update brings new tools, optimizations, and features that enhance the developer experience. The recent release of Vue 3.5, dubbed "Tengen Toppa Gurren Lagann," is no excepti... |
| 07.09.2024 | Введение в OpenLayers | Всем привет! Мы рассмотрим библиотеку для построения карт OpenLayers (версии 8.2.х). Вы узнаете о том, какие возможности она предоставляет, как ей пользоваться и почему в команде НСПД мы выбрали именно её. В статье будет много примеров кода... |
| 07.09.2024 | Смерть, любовь и тема для keycloak'а на Vue3 (TS) | Создание своей (кастомной) страницы входа через сервис keycloak - это отдельный вид искусства. Мало того, что в шаблонах тем используется нешироко расаространённый язык шаблонизации .ftl (FreeMarker), так разработчику ещё необходимо знать п... |
| 01.09.2024 | The Language Server Protocol: A Game Changer for Developers | In the vast ocean of programming languages and development environments, the Language Server Protocol (LSP) emerges as a lighthouse. It simplifies the chaotic landscape of coding tools, offering a standardized way for editors and language s... |
| 29.08.2024 | Релиз Rspack 1.0 — упаковщика JavaScript следующего поколения, написанного на Rust и совместимого с Webpack | В конце августа 2024 года состоялся первый стабильный релиз открытого проекта Rspack — высокопроизводительного упаковщика JavaScript, совместимого с экосистемой Webpack и обеспечивающего высокую скорость сборки.
Исходный код проекта Rspack ... |
| 29.08.2024 | React и жизнь после сборки | Бывает что на руках есть лишь «бинарная» сборка сайта на модном фреймворке вроде Angular или React, в которой «срочно надо что‑то поправить». А исходного кода нет. Есть лишь вы, «бандл» с обфрусцированным JavaScript‑кодом внутри и горящие с... |
| 10.08.2024 | Создание пустого Angular проекта и связь его с существующим сервером на NestJS | Предыдущая статья: Создание пустого проекта с помощью NestJS-mod
Создание приложения происходит через nx схематик для Angular.
Адрес сервера задается жестко в коде, в следующих постах адрес будет перенесен в переменные окружения.
Для запуск... |
| 30.07.2024 | Насколько небезопасен Avast Secure Browser? | Некоторое время назад я уже изучал Avast Secure Browser. Тогда для Avast это закончилось не лучшим образом: я обнаружил критические уязвимости, позволяющие произвольным веб-сайтам заражать компьютер пользователя. Хуже того: во многом это пр... |
| 17.07.2024 | Искусство сетапа: автоматизируем подготовку стека под новые проекты | Привет, меня зовут Грант, я фронтенд-разработчик в KTS. В этой статье я хочу поделиться опытом заведения проектов от нашей команды.
В отделе рекламных спецпроектов мы запускаем большое количество проектов, поэтому скорость сетапа имеет для ... |
| 04.07.2024 | Стоит ли игра свеч? Кратко о Single SPA (часть 1) | У вас возникнет вопрос, а почему вообще стоит уделить свое внимание данному фреймворку? Давайте разбираться!
В какой-то момент наш монолитный проект админки вырос до невероятных масштабов, было трудно поддерживать кодовую базу, добавлять но... |
| 26.06.2024 | Учимся летать: симуляция эволюции на Rust. 4/5 | Это предпоследняя часть серии статей по разработке симуляции эволюции с помощью нейронной сети и генетического алгоритма.
Первая часть
Вторая часть
Третья часть
В сегодняшнем выпуске:
Сексуальные многоугольники
Сертифицированные ISO диаграм... |
| 21.06.2024 | Вам не нужен Lodash. Хватит! Пожалуйста | Всем привет. Сегодня я вернулся с отпускной поездки, проснулся, сделал себе кофеек, заказал завтрак, и решил глянуть наконец-то вышедший State Of JS 2023.
Читаю, открываю секцию библиотек - и первое, что я вижу
50% и топ 1. За что?
33% моме... |
| 19.06.2024 | Бекпорт на примере Node.js v22 и Windows 7 | Что делать если надо запустить современный софт в устаревшем окружении? Рассказываем о процессе «портирования назад» последней версии Node.js на старую Windows 7.
«Hero screen»: Windows 7 и работающая Node.js v22 — внизу запущен "Angul... |
| 15.06.2024 | Поясняю за React Сompiler | В 2024 году команда React готовит множество нововведений, приуроченных к выходу React 19.
Одним из таких нововведений является React Сompiler — новый JavaScript-компилятор для оптимизации вычислений. Главной целью разработчиков была оптимиз... |
| 18.04.2024 | Как я создал еще один JS фреймворк | Многие могут усмехнуться при мысли о запуске очередного фреймворка JavaScript, учитывая множество уже существующих проверенных решений. Зачем браться за создание нового?
Давайте я расскажу свою личную историю о том, что подтолкнуло меня к р... |
| 22.02.2024 | Обрезать нельзя сжать. Как ускорить метрики проекта без больших вложений | Мы не раз читали на Хабре, почему важно иметь быстрые сайты, как это влияет на посещаемость, время на странице, глубину и прочее. Но каждый раз это инструкции о том, как поменять инфраструктуру серверов, потратить десятки часов на разработк... |
| 16.02.2024 | Интеграция React и AngularJS через Webpack Module Federation | Почему пишу об этом?
Представьте себя в ситуации, когда вы вступаете в проект с задачей развивать огромное легаси приложение, созданное пять лет назад на первой версии Angular. Это приложение напоминает забытый кладезь, о функционировании к... |
| 28.01.2024 | Переход с Vue-CLI на Vite: ускоряем разработку Vue 3 | Vue.js - один из самых популярных JavaScript-фреймворков, который используется для создания динамических пользовательских интерфейсов. С появлением Vue 3, разработчики получили еще больше возможностей для создания мощных и эффективных прило... |
| 24.01.2024 | Как уменьшить размер бандла раз и навсегда: приемы, метрики, мониторинг | Зачем нужна эта статья?
Всем привет, меня зовут Семён, в своей работе, я, в основном, занимаюсь такими вещами, как улучшение перформанса фронтенда, поддержкой и развитием инфраструктуры фронта, Developer Experience. Последние полгода мой фо... |
| 11.01.2024 | Создание веб-приложения с использованием микрофронтендов и Module Federation | Интро
Привет! В данной статье мы разберём процесс разработки веб-приложения на основе подхода микрофронтендов с использованием технологии Module Federation.
Микрофронтенды – это подход в веб-разработке, при котором фронтенд разделяется на м... |
| 14.12.2023 | Роадмэп по современному фронтенду от KTS | Привет! Меня зовут Фёдор, я фронтенд-тимлид в KTS и преподаватель школы Metaclass.
Перед одним из потоков курса «Начинающий React-разработчик» мы провели вебинар, на котором рассказали, что из себя представляет современный фронтенд и какие ... |
| 06.12.2023 | Микрофронтенды в SSR: опыт Авито | Привет! Меня зовут Дарья, и я разработчик в юните Frontend Architecture в Авито. Недавно мы с Димой Лощининым зарелизили внутреннее решение для микрофронтендов с поддержкой серверного рендеринга (SSR) и хотим поделиться своим опытом. Микроф... |
| 23.11.2023 | WebAssembly: короткий обзор ассемблера для фронтенда | В последнее время фронтенд все больше и больше обрастает новыми технологиями, одна из них — WebAssembly. На ней можно написать полноценное web‑приложение и почти все на что способна ваша фантазия. В статье мы рассмотрим, что такое WebAssemb... |
| 11.11.2023 | Webpack vs esbuild — уже можно использовать в production? | Периодически я пробую разные инструменты, и если они стабильно покрывают все необходимые сценарии - включаю в свою экосистему для коммерческих проектов. С третьего подхода за последние 3 года esbuild, наконец, приблизился по функционалу к W... |
| 05.11.2023 | Какие неочевидные темы вспомнить перед собеседованием на Frontend разработчика | С каждым годом собеседования становятся все сложнее и сложнее, а количество вопросов, которые могут спросить, не укладывается в голове.
Именно поэтому я решил создать небольшой чеклист, в котором собрал темы, по которым задавали вопросы либ... |
| 29.09.2023 | Пристальный взгляд на отладку JavaScript приложений | Всем привет!
Меня зовут Паша Востриков, я делаю на JS/TS много разного в «Лаборатории Касперского»: фронт, облачные сервисы (Node.js), штуки для коробочной поставки (OnPrem), платформенные компоненты и библиотеки. И, конечно же, Open Source... |
| 17.08.2023 | Telegram-бот для диагностики дисков в серверах. Как я собрал инфраструктуру и что использовал для разработки | Привет, Хабр! Меня зовут Дмитрий, я старший системный инженер в Selectel, работаю с серверами и клиентским оборудованием.
Ранее я написал статью о том, как появилась идея создать бота на базе API Telegram, который анализирует показатель S.M... |
| 14.08.2023 | React starter (Webpack + Typescript + Css modules + Jest) | Webpack
Приветствую уважаемое сообщество.
Хочу поделиться своим видением сборки для быстрого старта разработки на React.
Помогает быстро запуститься, когда нужно "на скорую" войти в разработку.
Что-то я подглядел здесь же, на Хабр... |
| 20.07.2023 | Android-разработка для самых маленьких | Вступление
Привет, Хабр! Это мой первый пост на данной площадке, давно читаю, но писать все не решался, но, как говорится, когда-то все в жизни бывает в первый раз.Коротко о том, что будет в статье
быстро настроим Gitlab для имитации CI-CD ... |
| 17.07.2023 | Строим свой SSO. Часть 3: Redis, Swagger, Vue.js | Список статей этой серии
Часть 1: Строим свой SSO сервер используя Spring Authorization Server
Часть 2: Строим свой SSO. PostgreSQL и ролевая модель
Часть 3: Строим свой SSO. Часть 3: Redis, Swagger, Vue.jsВступление
Всем привет, мы продолж... |
| 11.07.2023 | Динамический импорт remote компонента Module Federation на Vue 3 | Информация в чистом виде - это не знание. Настоящий источник знания - это опыт.
Приветствую всех читателей, что забрели на эту страницу. Вероятно, вы тоже как и я, не нашли должной информации по этой теме, поэтому наслаждайтесь, ведь тут бу... |
| 03.07.2023 | Объединение микрофронтов на Nx в один проект | Если вы, как и я, заинтересовались микрофронтами и пробуете развернуть проект на Nx, то возможно, у вас встанет вопрос, как в итоге объединить несколько своих микрофронтов в общий проект. По крайней мере, те статьи, которые я находил по это... |
| 18.06.2023 | Теория: nx — инструмент по работе с микрофронтендами | Nx - это инструмент для работы с фронтендом, который позволяет упростить совместную работу над проектом нескольким командам.
Nx позволяет генерировать код, автоматизировать процессы сборки, тестирования, а также позволяет управлять зависимо... |
| 08.06.2023 | Оптимизация сборки веб-приложения | По мере того, как ваше приложение растёт и развивается, растут и затраты времени на его тестирование и сборку, достигая нескольких минут при пересборке в dev-режиме и, возможно, десятков минут при «холодной» production-сборке. Что, конечно,... |
| 19.05.2023 | Микрофронтенды на Module Federation — наш опыт. Часть 1 | Всем привет! Меня зовут Евгений Мальченко, я разработчик из QIWI, занимаюсь созданием внутренних сервисов. Совсем недавно мы провели эксперимент по использованию микрофронтендов, и я хочу поделиться с вами опытом использования. В качестве о... |
| 19.05.2023 | Микрофронтенды на Module Federation — наш опыт. Часть 2 | Всем привет! Меня зовут Евгений Мальченко, я разработчик из QIWI, занимаюсь созданием внутренних сервисов. Совсем недавно мы провели эксперимент по использованию микрофронтендов, и я хочу поделиться с вами опытом использования. Это вторая ч... |
| 15.05.2023 | Как yarn v3 и философия Zero Installs помогли нам сократить длительность ci/cd пайплайна в 3 раза | Всем привет, меня зовут Фёдор — я руководитель фронтенд-разработки на проекте Smartbot Pro в компании KTS.
Наш проект — конструктор ботов для социальных сетей, в котором алгоритм бота представлен в виде визуального графа. Конструктор включа... |
| 07.05.2023 | Webpack. Создание WebP вместе с Jpeg и Png | Как вы знаете, формат изображений WebP в большинстве случаев имеет меньший вес, по сравнению со своими братьями: png и jpeg. Поэтому использовать его в своих приложениях - это хорошая практика. А как же пользователи, устройства которых не п... |
| 19.04.2023 | Простое должно быть простым: враги импорта | За время работы разработчиком, меня постоянно преследовала мысль: «Что с этим миром не так? Почему приходится тратить огромное количество времени на очевидно элементарные вещи?». Чаша наполнялась и ожидаемо переполнилась со временем. Как сл... |
| 03.04.2023 | Менеджмент зависимостей в Javascript | Javascript стремительно развивается на протяжении уже более 20 лет. За это время появлялось огромное количество различных решений для разработки веб-приложений и, несмотря на развитие веб-стандартов и самой веб-платформы, сейчас уже достато... |
| 19.03.2023 | Вечный RnD: chunk flushing для серверного рендеринга React + WMF | Все говорят про webpack-module-federation - микрофронты тут, микрофронты там.
— "А мы уже внедрили", "а мы уже построили микрофронтовую-архитектуру", "мы релизим независимо".
Но начинаешь расспрашивать, "а... |
| 11.03.2023 | Переходите на микрофронтовую архитектуру | Содержание статьи
Что такое микрофронтенд?
Проблема монолитного приложения
На что стоит обращать внимание при выборе архитектуры?
Примеры архитектурных решений
В каких ситуациях стоит использовать Module Federation?
Проблемы
Полезные ссылки... |
| 05.03.2023 | Module Federation — что скрывается под кажущейся простотой | Аннотация
В последнее время только ленивый не говорил про такую технологию, как module federation, было сделано огромное количество докладов, и наша команда, наслушавшись и насмотревшись, как это прекрасно, тоже решила затащить MF к себе в ... |
| 24.02.2023 | 7 Инструментов для оптимизации и ускорения React разработки | Предисловие
React - это универсальная и гибкая библиотека, которую можно использовать для создания всего, от больших SPA до компактных подключаемых модулей. Однако создание React проекта может оказаться непростой задачей, требующей бесконеч... |
| 21.02.2023 | Что должен уметь Frontend разработчик в 2023 году (+Roadmap) | Ситуация на рынке IT
С каждым годом войти в IT становится всё труднее. За счёт высоких зарплат, комфортного образа жизни, амбиций, потребности в специалистах, сейчас чуть ли не каждый второй хочет стать программистом. За счёт этих факторов,... |
| 03.02.2023 | Микровселенная безумия, или Как устроены микрофронтенды в Dodo | «Микрофронтенды в компании, которая доставляет пиццу? Серьёзно? Зачем? Да и куда? У вас же всего лишь приложенька с каталогом и заказом товара. Какие ещё микрофронтенды?»
Одно из самых распространённых заблуждений, что нам в Dodo микрофронт... |
| 24.01.2023 | Разработка клиент-серверного приложения с помощью Next.js и TypeScript. Часть 1. Настройка проекта и разработка сервера... | Привет, друзья!
В этой серии из 2 статей-туториалов мы с вами разработаем клиент-серверное (фуллстек — fullstack) приложение с помощью Next.js и TypeScript.
Руководство по Next.js.
Карманная книга по TypeScript.
Наше приложение будет предст... |
| 23.01.2023 | Решение проблемы с многократным запуском эффектов в React 18 | Введение
В этой статье мы рассмотрим адаптацию компонентов React 18 к много кратному монтированию и повторному вызову эффектов с повторно используемым стоянием (Reusable State). Под эффектами понимается срабатывание хуков: useEffect, useLay... |
| 16.01.2023 | Полный обзор webpack | Поскольку грань между веб-сайтами и веб-приложениями продолжает размываться, возможности и проблемы для разработчиков становятся все более сложными. В связи с тем, что веб-приложения в значительной степени зависят от JavaScript, клиентской ... |
| 30.12.2022 | Пошаговая инструкция: как с Node.js организовать иконки из Figma в проекте
Зачем автоматизация при загрузке иконок
Рецепт
Заключение: что мы получили?... | Эта статья подробно описывает создание небольшого скрипта на Node.js для выгрузки векторных иконок из Figma в проект, а также универсального компонента для разных видов иконок, который удобно использовать в своём приложении.
Скрипт может пр... |
| 14.12.2022 | Как применять Module Federation для шеринга виджетов из UI-kit | В последнее время все активнее в обиход входит понятие экосистемы. Многие IT-компании предлагают различные цифровые решения для людей и бизнеса под одним брендом - от заказа еды до онлайн-сделок по покупке недвижимости.
Непосредственной сос... |
| 25.11.2022 | Настройка Webpack 5 | Подробное руководство о настройке сборщика Webpack 5 и о создании шаблона, который позволит разрабатывать фронтенд сайтов с использованием Pug, Sass, JavaScript и MarkdownСодержание
О чем статья
Быстрый запуск webpack
Установка и настройка ... |
| 10.11.2022 | Разделяй и не страдай: что выбрать для микрофронтенда? | Привет! Меня зовут Алексей. Я занимаюсь проектированием фронтенд-составляющей ИТ-систем в архитектурном комитете SimbirSoft. Последние два-три года во фронтенд-сообществе активно обсуждается и используется термин «микрофронтенд» (далее МФ).... |
| 08.11.2022 | Микрофронтенды: микросервисы для фронтенда | Можно ли использовать принципы микросервисной архитектуры применительно к фронтенду?
Популярность микросервисной архитектуры во многом связана с тем, что она позволяет распределять проект между небольшими автономными командами, которые могу... |
| 20.07.2022 | Создание мобильных приложений — что важно учесть в нынешних условиях? | По данным РБК Исследования, в 2021 году 74% респондентов совершали онлайн-покупки через смартфон: при этом в 2020 году об этом говорили только 59%.
Сегодня все больше товаров и услуг, которые потребители готовы приобретать, сосредотачиваютс... |
| 22.06.2022 | Как создавать иконки сайтов в 2022 году — всё о favicon | Эта статья перевод англоязычной статьи Андрея Ситника из блога Злых марсиан.
Пришло время переосмыслить то, как мы создаем набор иконок для современных браузеров, и остановить безумные генераторы. Фронтенд-разработчики сейчас вынуждены созд... |
| 27.05.2022 | Webpack Module Federation: «официальное» решение в микрофронтендах | Module Federation — это подход, при котором можно разделить приложение на небольшие отдельные модули и в рантайме объединять в единое приложение. Это одно из немногих рабочих решений для разработки микрофронтендов. Почему оно лучше, чем ост... |
| 20.04.2022 | Оптимизация производительности ssr-приложений | Кто бы что не говорил о метриках производительности, мол это все ерунда и никому кроме гугла не нужно. Но, во-первых, я так не считаю, а во вторых у нас есть заказчики, которым это важно
и они задачи по оптимизации производительности нам ст... |
| 14.04.2022 | Объяснение микрофронтендов | Я написал данный пост, так как чувствую, что Микрофронтенды это стало не просто модное слово, они уже начали распространятся на большие проекты.
Микрофронтенды могут быть следующей важной вехой в фронтенд разработке.
Давайте я вам расскажу ... |
| 25.03.2022 | Module Federation: простая загрузка динамических модулей | Всем привет! Меня зовут Евгений, я работаю frontend-разработчиком в платформенной команде. Моя задача — помогать другим frontend-разработчикам выполнять их задачи эффективнее. Мы в Delivery Club больше года назад внедрили подход с микрофрон... |
| 20.03.2022 | Angular без CLI Туториал | Фреймворк Angular используется при создании SPA и предлагает большое количество инструментов как для создания, непосредственно, элементов интерфейса, так и CLI для создания и управления структурой файлов, относящихся к приложению.
Для созда... |
| 15.03.2022 | Как создать микросервисное приложение за 15 минут. Часть 1 | Biryukov Victor
https://sber-tech.com/ Platform V1 developer
email: vvbiryukov.sbt@sberbank.ru2
Telegram: @birvictor
Микросервисы становятся стандартом для энтерпрайза. Это эффективный подход к построению архитектуры, но и у него есть свои ... |
| 19.02.2022 | Разработка приложений на Typescript с использованием Nx | В данной статье расскажу об использовании Nx для разработки веб приложений на Typescript.
Два года назад я написал статью на медиуме - Сборка Typescript приложения с помощью Webpack, где поделился своим решением сборки простого приложения н... |
| 18.02.2022 | Как подружить Git с приложением на Webpack+React | Иногда бывает полезно отображать некоторую информацию из Git-репозитория прямо в приложении. В статье мы воспользуемся преимуществом встроенной в NodeJS функции execSync и будем показывать в приложении три версии мастер-ветки: версию мастер... |
| 14.02.2022 | Как мы собрали проект на Django и React и уважили загрузчик Webpack | Когда мы взялись за гибридный проект, в котором одновременно использовались Django и React, мы столкнулись с дилеммой: как интегрировать две эти части, в особенности, как разрешить шаблонам Django отображать ресурсы JavaScript, сгенерирован... |
| 08.02.2022 | Не реактом единым: что полезно знать современному фронтенд-разработчику | Браузерная разработка — одна из самых старых и при этом динамично развивающихся отраслей IT-индустрии. Востребованность и зарплаты разработчиков веб-приложений — фронтенд-разработчиков, только растут, но вместе с тем растут и ожидания от ни... |
| 06.02.2022 | Память в браузерах и в Node.js: ограничения, утечки и нестандартные оптимизации | Интро: почему я написал эту статью
Меня зовут Виктор, я разрабатываю страницу результатов поиска Яндекса. Несмотря на внешнюю простоту, поисковая выдача — сложная штука: на каждый запрос генерируется своя уникальная страница, на которой в з... |
| 23.01.2022 | Публикация Vue.js-приложения в GitHub Packages с помощью GitHub Actions для самых маленьких | В этой серии вы узнаете как собрать докер-образ приложения на Vue.js и как опубликовать его в GitHub Packages. Вот так. Вот в общем-то и... не всё... Одним GitHub Action, как это было для Spring Boot приложения, о котором я рассказывал тут,... |
| 21.01.2022 | Быстрый, резкий, как пуля, дерзкий. Как работать над перфомансом сайта, чтобы нравиться пользователям и Гуглу | Привет! Меня зовут Андрей Якобчук, я ведущий фронтенд-разработчик в Muse Group. Мы постоянно работаем над ускорением клиентской части наших сайтов. К тому же Гугл с его метриками Core Web Vitals с каждым годом придаёт всё большее значение о... |
