| Date | Title | Description |
| Sign up to see | Sign up to see | Sign up to see |
| Dec 12, 2025 | Дети, запомните: если дядя из туториала предлагает вам начать проект на Express.js… Рейтинг opensource для фронтенда | Всем привет! Меня зовут Алексей Золотых, я тимлид команды веб-редакторов в МойОфис. Недавно мы запустили новое шоу АйТир Лист. В каждом выпуске мы берём одну тему из мира разработки и раскладываем всё по тир-листу: от FAIL до GOD.
В пилотно... |
| Dec 20, 2024 | Hello, web world! Enterprise edition | INTRO
Я архитектор и бэк программист. Понадобилось реализовать модуль с развитым фронт-эндом. Оказалось что как единый компонент его реализовать слишком сложно. Попробую разбить на компоненты, особенно на фронт-энде.
Постановка моей задачи
... |
| Nov 6, 2024 | Тестирование фронтенд компонентов с jest-dom на видимость пользователю | Решаем проблему с тестированием элемента, что он виден пользователю или не виден.Предпосылки
Разработчики react-testing-library рекомендуют нам писать тесты так, как если бы код работал как у пользователя. А это значит что нужно вызывать по... |
| Sep 13, 2024 | Next.js + Playwright. Как мы начали писать автотесты и что из этого вышло | Привет! Меня зовут Данила, я фронтенд-тимлид в KTS.
В этой статье я поделюсь с вами нашим опытом внедрения автотестов на одном из боевых проектов. Расскажу, с какими задачами мы столкнулись, почему решили взяться за автотестирование и какие... |
| Jun 21, 2024 | Tramvai — фреймворк для создания веб-приложений | 30 августа 2021 года на GitHub прошел первый релиз исходного кода фреймворка Tramvai. При этом свою историю фреймворк начал гораздо раньше и долгое время был внутренней разработкой компании.
Tramvai предназначен для создания универсальных (... |
| Apr 1, 2024 | Создание библиотек и публикация в npm | Всем привет! Меня зовут Дмитрий, и я занимаюсь веб-разработкой в it-компании Intelsy на аутсорс- и аутстафф-проектах. В своей работе я постоянно подключаю и использую библиотеки, однако никакой подробной информации о том, откуда они берутся... |
| Mar 26, 2024 | Знакомьтесь, SafeTest — новый подход к тестированию фронтенда | В этой статье мы поговорим о SafeTest — революционной библиотеке, которая предлагает свежий взгляд на сквозные (E2E) тесты для веб-приложений с пользовательским интерфейсом.
Проблемы традиционного UI тестирования
Традиционно тестирование по... |
| Feb 12, 2024 | Анализируем виды тестов для Frontend | С развитием веба сайты превратились в сложные приложения, которыми ежедневно пользуются десятки и сотни миллионов людей: почта, облачные хранилища, соцсети, маркетплейсы, стриминговые платформы и т. д. И каждое из них должно работать коррек... |
| Dec 14, 2023 | Роадмэп по современному фронтенду от KTS | Привет! Меня зовут Фёдор, я фронтенд-тимлид в KTS и преподаватель школы Metaclass.
Перед одним из потоков курса «Начинающий React-разработчик» мы провели вебинар, на котором рассказали, что из себя представляет современный фронтенд и какие ... |
| Nov 3, 2023 | Почему я не буду использовать Next.js | Представьте, что вы планируете начать новый проект или использовать в существующем более современный подход. А, может, вас просто не устраивает используемый фреймворк, и вы подумываете об альтернативах. В любом случае вам нужно что-то выбра... |
| Sep 29, 2023 | Как сделать UI тестируемым и легкоизменяемым? | Метафора: легкотестируемый и легкоизменяемый UI
В предыдущей статье мы пришли к выводу, что для того, чтобы код не превращался в легаси, необходимо получать оперативный фидбек о его правильности, а также использовать шаблоны проектирования.... |
| Aug 17, 2023 | Зачем писать юнит-тесты на фронтенд? | Привет, хабр! Меня зовут Александр, я работаю фронтенд-разработчиком в компании Nord Clan.
Сегодня речь пойдет про тесты… Про юнит-тесты. Думаю, что почти все слышали про юнит-тесты, пробовали их писать, и, возможно бросали это «гиблое дело... |
| Aug 14, 2023 | React starter (Webpack + Typescript + Css modules + Jest) | Webpack
Приветствую уважаемое сообщество.
Хочу поделиться своим видением сборки для быстрого старта разработки на React.
Помогает быстро запуститься, когда нужно "на скорую" войти в разработку.
Что-то я подглядел здесь же, на Хабр... |
| May 15, 2023 | Кастомный select для React | Пишем минималистичный кастомный select компонент для React приложения. Покрываем всё тестами на Jest.План действий
Общий план действий состоит из 5 этапов:
Определяем цель
Пишем компонент Select
Создаём компонент Option
Собираем всё в конте... |
| May 14, 2023 | Делаем пагинацию в React приложении | Пишем на typescript простой, переиспользуемый пагинатор для React приложения. Покрываем его тестам на Jest.План действий
Весь план действий будет состоять из 5 последовательных этапов:
Инициализируем приложение
Пишем компонент контейнер и о... |
| Apr 18, 2023 | Кастомные хуки в React: лучшие практики, пример использования и покрытия тестами | Когда я искал свою первую работу в качестве Frontend-разработчика, меня часто спрашивали, умею ли я писать кастомные хуки в React. Тогда я только начинал изучать React и только-только запомнил основы, такие как useState и useEffect. Слово «... |
| Feb 21, 2023 | Что должен уметь Frontend разработчик в 2023 году (+Roadmap) | Ситуация на рынке IT
С каждым годом войти в IT становится всё труднее. За счёт высоких зарплат, комфортного образа жизни, амбиций, потребности в специалистах, сейчас чуть ли не каждый второй хочет стать программистом. За счёт этих факторов,... |
| Dec 22, 2022 | Как тестировать современный фронтенд | Бывало, замечаешь в коде «нехороший» модуль или функцию и тут же тянутся руки их отрефакторить. Но как потом убедиться, что правки не сломали какой-нибудь сценарий в приложении или вовсе не положили продакшен? Этих ситуаций можно избежать, ... |
| Dec 19, 2022 | Разработка и тестирование сортируемых компонентов Drag and Drop. Часть 2 — Тестирование | Предисловие.
В предыдущей статье вы узнали, как разрабатывать переупорядочиваемые drag-and-drop компоненты, теперь пришло время их протестировать. В этой части вы покроете приложение юнит тестами с помощью BDD подхода. Я не буду пытаться до... |
| Dec 1, 2022 | React: разработка реального приложения с помощью React Query | Привет, друзья!
Представляю вашему вниманию перевод этой замечательной статьи, в которой рассказывается о разработке приложения с помощью React Query.
Репозиторий с кодом проекта
Прим. пер.: автор рассказывает лишь о ключевых особенностях п... |
| Oct 13, 2022 | React, я люблю тебя, но ты сводишь меня с ума | Привет, друзья!
Представляю вашему вниманию перевод этой статьи, вызывавшей определенный резонанс в сообществе React-разработчиков.
Дорогой React, мы встречаемся уже почти 10 лет. Мы прошли долгий путь вместе. Но ситуация вышла из-под контр... |
| Apr 16, 2022 | Введение в Test-Driven Development на React для чайников | Первое правило Test-Driven Development (TDD) – это написание тестов перед написанием кода. Это звучит более интуитивно, когда мы говорим о разработке для бэкенда, если честно, но работает ли данная схема для фронтенда, в частности для React... |
| Как я перестал беспокоиться и полюбил тестирование React-компонентов | Как тестировать React-компоненты? Какую библиотеку использовать? Как тестировать компоненты, которые берут данные из Redux, а не из пропсов? Как тестировать компоненты, в которых используется роутинг с помощью React-router-dom? Что делать, ... |
| Готовим приложение для автоматизации тестирования | Прежде чем приступить к автоматизации тестирования, желательно проанализировать приложение. Чем больше приложение готово к автоматизации, тем меньше проблем будет в дальнейшем при разработке автотестов и анализе результатов.
Одним из ключев... |
| React: тестируем компоненты с помощью Jest и Testing Library | Привет, друзья!
В данном туториале я покажу вам, как тестировать компоненты на React с помощью Jest и Testing Library.
Список основных задач, которые мы решим на протяжении туториала:
Создание шаблона React-приложения с помощью Vite.
Создан... |
| Как создать и опубликовать библиотеку React компонентов | В этом руководстве вы пройдете через процесс создания и публикации собственной библиотеки компонентов React и размещения ее на Github.
В конце этого руководства вы сможете использовать компоненты похожие на показанный ниже во всех своих буд... |
