| Date | Title | Description |
| 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 | Тестирование redux store | Бывает ситуация, когда нам необходимо протестировать middleware, либо асинхронное событие, которые возникает в хранилище redux.
Цель этой статьи в том, чтобы показать как тестировать action в redux store.
Есть готовое решение, redux-mock-st... |
| 28.09.2024 | The Pulse of Software: Mastering Observability in Event-Driven Architectures | In the fast-paced world of software development, observability is the lifeblood of success. Imagine navigating a ship through foggy waters. Without a clear view, the risk of crashing into unseen obstacles rises dramatically. This is the rea... |
| 25.09.2024 | Как мы внедрили Tracetest для улучшения наблюдаемости в EDA | В мире разработки ПО поддержка высокого уровня наблюдаемости (observability) для приложений с архитектурой, управляемой событиями (event-driven architecture, EDA), – критически важный аспект для качественной работы системы. Суть в том, что ... |
| 18.09.2024 | Navigating the Transition: From Flow to TypeScript in Modern Development | In the fast-paced world of software development, change is the only constant. For many teams, the transition from Flow to TypeScript has become a pivotal journey. This shift is not just a technical upgrade; it’s a leap towards better type s... |
| 18.09.2024 | Как перевести приложение с Flow на TypeScript | Привет! Меня зовут Олег, я работаю в роли фронтенд-тимлида в команде разработки приложения — розничного кредитного конвейера Газпромбанка. Я подготовил гайд о том, как перейти с FlowJS на TypeScript. Какие проблемы были с Flow?
Сразу отмечу... |
| 29.08.2024 | Автоматизация Code Review с помощью LLM | Как в Faire (мультибрендовая торговая площадка) внедрили автоматизиорванные Code Review c LLM (статья - мой перевод для нашего ТГ канала посвященного разработке софта при помощи LLM).
В Faire мы верим в ценность код-ревью и всегда придержив... |
| 10.08.2024 | Создание пустого Angular проекта и связь его с существующим сервером на NestJS | Предыдущая статья: Создание пустого проекта с помощью NestJS-mod
Создание приложения происходит через nx схематик для Angular.
Адрес сервера задается жестко в коде, в следующих постах адрес будет перенесен в переменные окружения.
Для запуск... |
| 24.07.2024 | Как cделать тестирование кода более эффективным: принципы F.I.R.S.T | В последнее время я все больше уделяю внимание юнит тестированию, что связано с моим наставничеством на Hexlet и выравнивание пирамиды на работе. И немного решил освежить основы при написании юнит тестов:Быстрота (Fast)
Тесты должны выполня... |
| 17.07.2024 | Создание простейшего back-end на Node.js с использованием PostgreSQL | Привет, Хабр!
Сегодня мы продемонстрируем как создавать back-end приложения на Node.js c PostqreSQL. В качестве примера создадим простейший back-end на Node.js с использованием PostgreSQL.
Почему именно Node.js и PostgreSQL? Node.js имеет х... |
| 01.07.2024 | Как сделать приложение на NestJS, которое можно будет поддерживать спустя годы | Введение
Повидав десятки разных приложений на NestJS, да и на других фреймворках, я выяснил, что одна из главных сильных и слабых сторон JavaScript - свобода выбора путей решения задач.
Именно свобода и максимальная гибкость, которые данный... |
| 21.06.2024 | Tramvai — фреймворк для создания веб-приложений | 30 августа 2021 года на GitHub прошел первый релиз исходного кода фреймворка Tramvai. При этом свою историю фреймворк начал гораздо раньше и долгое время был внутренней разработкой компании.
Tramvai предназначен для создания универсальных (... |
| 12.06.2024 | Переход с WebStorm на Cursor (VS Code) | Думаю, многие в курсе, что JetBrains остановили продажи своих продуктов на территории России, но стоит отдать должное оставили бессрочные лицензии на ту версию продукта, что использовалась на тот момент. Не круто конечно, но долгое время ме... |
| 14.05.2024 | Мокирование как хорошая практика тестирования фронтенда | Привет, я Фируз Шоев, тестировщик в Отелло — сервисе бронирования отелей от 2ГИС. Мы в стадии активного роста и постоянно усиливаем команду. Несколько месяцев назад я подключился к найму тестировщиков и с тех пор провожу собеседования практ... |
| 01.04.2024 | Создание библиотек и публикация в npm | Всем привет! Меня зовут Дмитрий, и я занимаюсь веб-разработкой в it-компании Intelsy на аутсорс- и аутстафф-проектах. В своей работе я постоянно подключаю и использую библиотеки, однако никакой подробной информации о том, откуда они берутся... |
| 12.02.2024 | Анализируем виды тестов для Frontend | С развитием веба сайты превратились в сложные приложения, которыми ежедневно пользуются десятки и сотни миллионов людей: почта, облачные хранилища, соцсети, маркетплейсы, стриминговые платформы и т. д. И каждое из них должно работать коррек... |
| 14.12.2023 | Роадмэп по современному фронтенду от KTS | Привет! Меня зовут Фёдор, я фронтенд-тимлид в KTS и преподаватель школы Metaclass.
Перед одним из потоков курса «Начинающий React-разработчик» мы провели вебинар, на котором рассказали, что из себя представляет современный фронтенд и какие ... |
| 13.12.2023 | Сообщаются ли ваши тесты? | Чтобы быстро продвигаться в рабочих задачах, необходимо иметь уверенность в том, что можно вносить изменения.
А уверенность в изменениях зависит от тестового покрытия.
С тех пор как мы это поняли, автоматические тесты стали просто необходим... |
| 14.08.2023 | React starter (Webpack + Typescript + Css modules + Jest) | Webpack
Приветствую уважаемое сообщество.
Хочу поделиться своим видением сборки для быстрого старта разработки на React.
Помогает быстро запуститься, когда нужно "на скорую" войти в разработку.
Что-то я подглядел здесь же, на Хабр... |
| 26.07.2023 | Сквозь время – ускоряем автотесты | Со временем каждый уважающий себя проект обрастает модульными и интеграционными тестами. В идеальном мире автотесты должны проходить быстро, чтобы их хотелось запускать как локально, так и в CI. Но почему в большинстве проектов запуск тесто... |
| 06.07.2023 | SonarQube: делаем код лучше | Привет! Меня зовут Сергей, я один из разработчиков продукта «Сервис персонализации» в компании Sportmaster Lab, и в этом посте я расскажу про SonarQube – платформу для непрерывного анализа и измерения качества программного кода, разработанн... |
| 19.05.2023 | Делаем кастомное модальное окно для React | Без лишних слов
Хочешь меньше слов, больше кода ? Тогда можно сразу посмотреть демку codesandbox.custom-modal.
А пояснительная бригада к демке ждёт вас дальше по тексту)
Поехали!План действий
Проектируем решение
Пишем портал + тесты на порт... |
| 14.05.2023 | Делаем пагинацию в React приложении | Пишем на typescript простой, переиспользуемый пагинатор для React приложения. Покрываем его тестам на Jest.План действий
Весь план действий будет состоять из 5 последовательных этапов:
Инициализируем приложение
Пишем компонент контейнер и о... |
| 07.03.2023 | Обзорная статья о видах тестирования IT-продуктов | На курсе, где я учился frontend-разработке, нас познакомили только с unit тестированием. Но уже на первом месте работы, я столкнулся и с регрессионным тестированием, и с автотестами, и с E2E-тестами. Мне было сложно понять, чем они отличают... |
| 24.02.2023 | 7 Инструментов для оптимизации и ускорения React разработки | Предисловие
React - это универсальная и гибкая библиотека, которую можно использовать для создания всего, от больших SPA до компактных подключаемых модулей. Однако создание React проекта может оказаться непростой задачей, требующей бесконеч... |
| 21.02.2023 | Что должен уметь Frontend разработчик в 2023 году (+Roadmap) | Ситуация на рынке IT
С каждым годом войти в IT становится всё труднее. За счёт высоких зарплат, комфортного образа жизни, амбиций, потребности в специалистах, сейчас чуть ли не каждый второй хочет стать программистом. За счёт этих факторов,... |
| 13.02.2023 | Как начать тестировать frontend: гайд для новичков | Хабр, привет. Меня зовут Рамиль Шайбаков, я фронтенд‑разработчик в СберЗдоровье. Последние несколько лет я часто собеседую кандидатов на позицию frontend‑разработчика в нашу компанию и заметил одну закономерность — у большинства специалисто... |
| 08.02.2023 | Как тестировать в Databricks: Nutter Framework | Disclaimer
Статья предполает, что вы знаете что такое Databricks, что такое ноутбуки, кластера и джобы (воркфлоус) в нём. Поиск по хабру предлагает вот эту статью для ознакомления.Вступление
Я продолжаю серию статей, где анализирую свой тек... |
| 18.01.2023 | Jest: error Command failed with exit code 1 | Я давно хотел рассказать об этом, но не знал как. Не было подходящего примера, какой-то однозначной, наглядной ситуации. И вот недавно мне дали новый проект, в котором уже были написаны unit тесты и они работали, но был один нюанс, который ... |
| 23.12.2022 | Экосистема фронтенд-разработчика на JavaScript: полезный инструментарий для начинающих | Если вы начинающий JS-разработчик, вам лучше иметь под рукой краткий список самых необходимых и полезных в работе инструментов. В этой статье собран такой список в виде краткой шпаргалки, которая поможет вам не потеряться на начальном этапе... |
| 22.12.2022 | Год Тигра в Taiga UI | В предновогодней суете мы любим подводить итоги уходящего года. Эта хорошая традиция помогает вспомнить свои успехи и неудачи, чтобы взять верный курс в новом году.
Весь год я участвовал в разработке потрясающего продукта — Taiga UI. Это би... |
| 19.12.2022 | Разработка и тестирование сортируемых компонентов Drag and Drop. Часть 2 — Тестирование | Предисловие.
В предыдущей статье вы узнали, как разрабатывать переупорядочиваемые drag-and-drop компоненты, теперь пришло время их протестировать. В этой части вы покроете приложение юнит тестами с помощью BDD подхода. Я не буду пытаться до... |
| 01.12.2022 | React: разработка реального приложения с помощью React Query | Привет, друзья!
Представляю вашему вниманию перевод этой замечательной статьи, в которой рассказывается о разработке приложения с помощью React Query.
Репозиторий с кодом проекта
Прим. пер.: автор рассказывает лишь о ключевых особенностях п... |
| 21.11.2022 | Как я Jest с помощью SWC ускорял | За последние пару лет не раз можно было услышать про новые инструменты сборки статики, такие как SWC, esbuild и Vite. Все они обещают нам next gen-оптимизацию времени сборки, а SWC ещë и грозится оптимизировать скорость выполнения тестов на... |
| 01.09.2022 | Как написать кроссбраузерное расширение в 2022 году | Привет! Меня зовут Георгий Костуров, я лид фронта в одной из команд СберМаркета. В один прекрасный день ко мне пришли менеджеры и сказали, что нужно написать браузерное расширение для внутреннего джобборда. Оно должно взаимодействовать с са... |
| 17.08.2022 | Тестирование в React Native | Эта статья – большущий гайд по технологиям, которые мы в СДЭК используем для проверки наших внутренних приложений, написанных на React Native. Часть из этих подходов вполне можно применить не только в мобильной разработке, но и за её предел... |
| 12.06.2022 | Паттерны и антипаттерны в Node.js | Node.js — это серверная среда выполнения JavaScript, построенная на движке V8 в Chrome, который по своей природе является асинхронным и событийным. С помощью Node.js относительно несложно создать REST API и использовать такие фреймворки, ка... |
| 02.05.2022 | Фронтенд-новости №4. Лучший шрифт для веба, поиск среди hidden, очередной React | Дайджест новостей из мира фронтенд-разработки за последнюю неделю 25 апреля–1 мая.Спецификации
W3C получит премию EMMY за стандартизацию шрифтовHTML
Сделайте так, чтобы поиск по странице работал даже в сворачиваемых элементах, с помощью атр... |
| 06.03.2022 | Написание тестов API на JavaScript с Pactum | Я продолжаю повторять себе (как и некоторые участники тренировочных сессий), что как-то не ладится у меня с JavaScript. Может, дело во мне, а может, и в нем, но по какой-то причине мне не удается его понять до конца. И то, что в университет... |
| 04.03.2022 | Как я делал сайт визитку на Angular | Несколько месяцев назад я загорелся желанием написать небольшой pet-проект, который был бы посвящен разработке сайта визитки на Angular. И так как Angular достаточно громоздкий фреймворк, в котором нет SSR* из коробки, да и настройка SEO тр... |
| 16.01.2022 | Начало работы с Playwright (Часть 2) | End to End Testing c 30DaysOfPlaywright
День 0. Учимся e2e-тестированию с Playwright | #30DaysOfPlaywrightДень 1. Начало работы с Playwright (Часть 1)
Начало работы с Playwright (Часть 2)🔖 | Важные ресурсы:
Getting Started – полноценный гай... |
| 23.12.2021 | Руководство по обработке ошибок в Node.js | Ошибки есть в каждом коде. Мы перевели гайд разработчика Айо Исайя, в котором он рассказывает о системе ошибок и о том, как их устранять.
Раз вы читаете эту статью, вы, конечно, знакомы с концепцией ошибок в программировании. Это ошибки в к... |
| 16.12.2021 | Statoscope: курс интенсивной терапии для вашего бандла | Statoscope — это инструмент для анализа webpack-бандлов, а я его автор и мейнтейнер. Он зародился в далеком 2016 году как эксперимент, а теперь это полноценный тулкит для просмотра, анализа и валидации сборки.
В ноябре на конференции HolyJS... |
| 16.12.2021 | Изи-пизи автотесты на JavaScript | Автоматизация всё ещё остаётся сложным и затратным процессом. Часто на это уходит много времени QA-автоматизаторов и нередко самих разработчиков на проекте. Но все эти расходы можно сократить, если подойти к внедрению автотестов с умом.
В с... |
| 24.08.2021 | На что стоит обратить внимание новичкам при работе с ReactJS | Всем привет, меня зовут Иван, я – разработчик ПО в Orion Innovation. Сейчас встречается много публикаций по фронтенд-разработке, в которых начинающему специалисту легко потеряться и упустить неочевидные вещи.
Данная статья позволит структур... |
| - | Selenium vs Puppeteer vs Cypress vs Playwright | Всем привет. Я QA Аutomation engineer уже 14 лет и 9 из них мне так или иначе приходилось работать с автоматизацией веб-приложении (и не только). Я писала свои автотесты на C#, Java, и JS. Сейчас я хотела бы поделиться опытом, как я выбираю... |
| - | React: тестируем компоненты с помощью Jest и Testing Library | Привет, друзья!
В данном туториале я покажу вам, как тестировать компоненты на React с помощью Jest и Testing Library.
Список основных задач, которые мы решим на протяжении туториала:
Создание шаблона React-приложения с помощью Vite.
Создан... |
| - | Мокинг API на JavaScript с Pactum | Недавно я написал статью о Pactum, библиотеке JavaScript для тестирования API, использовании заглушек и контрактном тестировании. В той статье я сосредоточился на возможностях тестирования API, которые предоставляет Pactum. В этой статье я ... |
| - | Как создать и опубликовать библиотеку React компонентов | В этом руководстве вы пройдете через процесс создания и публикации собственной библиотеки компонентов React и размещения ее на Github.
В конце этого руководства вы сможете использовать компоненты похожие на показанный ниже во всех своих буд... |
| - | Как я перестал беспокоиться и полюбил тестирование React-компонентов | Как тестировать React-компоненты? Какую библиотеку использовать? Как тестировать компоненты, которые берут данные из Redux, а не из пропсов? Как тестировать компоненты, в которых используется роутинг с помощью React-router-dom? Что делать, ... |
| - | Фреймворки для тестирования Node: Хорошие, плохие, медленные и ресурсоемкие | Недавно наши интеграционные тесты Jest упали из-за недостатка памяти (ошибка V8 "heap out of memory"). Как оказалось, это не было аномалией, и тесты постоянно аккумулировали на себе столько памяти, что единственный процесс Node.js... |
