Category : javascript

javascript
Wake Up Remix: Перезагрузка фреймворка для современного веба

На конференции React прошлым летом команда объявила, что Remix «уходит в спячку».К тому моменту Remix v2 стал настолько тонкой обёрткой над React Router, что между проектами возникло искусственное разделение. Чтобы упростить архитектуру фреймворка, команда перенесла код сборщика и серверного рантайма из Remix непосредственно в React Router v7, объединив всё лучшее из фреймворка в так называемый “framework mode” для роутера. Также было объявлено о планах добавить ограниченную поддержку React Ser…

  • среда, 4 июня 2025 г. в 00:00:07
javascript
Как я заставил ИИ ловить баги в OWASP Juice Shop — и почти не парился. Часть 1

Я — Solution Architect с 19 годами в айти и частенько помогаю новичкам в тестировании. Но джуны постоянно жалуются на вагон теории, отсутствие практики и примеров, где всё собрано в одном месте.Поэтому написал эту статью, где взял OWASP Juice Shop — уязвимый веб-магазин, развернул его через Docker по адресу http://135.181.239.135:4000 и протестировал с помощью ИИ.Также расскажу про: ИИ для запуска тест-кейсов — как запускать автотесты без глубоких знаний скриптов. Обучение ИИ-генерации тест-к…

  • среда, 4 июня 2025 г. в 00:00:06
javascript
Форматирование без боли: ESLint Stylistic вместо Prettier

Привет, Хабр! Меня зовут Никита Ли, я Frontend-разработчик в группе Рунити. Так тяжело бывает удержаться от того, чтобы не усложнить себе жизнь, не так ли? Все любят смотреть на чистый и понятный код, но не все его таким пишут. Сделать его таким помогают наши друзья — форматировщики и линтеры. О них и пойдет речь в этой статье, а конкретно о ESLint Stylistic.Любой автор хочет, чтобы его кто-то читал, даже на JavaScript, но просматривать читателю хочется грамотный и красивый текст. ESLint анализ…

  • среда, 4 июня 2025 г. в 00:00:05
javascript
Читательский дневник для первого класса при помощи Google Sheets

Эта история прежде всего для родителей первоклашек, которые летом должны много прочитать. Программирования тоже немного будет, но главное — хотелось просто поделиться инструментом, надеюсь, полезным.Первоклашке за лето нам нужно прочитать 39 произведений. Объём довольно приличный, поэтому подумалось, что нужно применить планирование, мониторинг и прочие технологии управления.Проектируем продукт:Основная задача простая — видеть, сколько осталось дней и сколько нужно прочесть.Как забрать табличку…

  • среда, 4 июня 2025 г. в 00:00:03
javascript
React Native тормозит? Проверь эти 8 узких мест в производительности, прежде чем винить фреймворк […

Идея этой статьи родилась во время задушевных разговоров на кухне и за утренним кофе с коллегами. Началось все с вопроса: «Чтобы ты бы сказал себе прошлому, чтобы релизы стали легче, а спринты прекраснее?» Конечно, в тот момент я ничего дельного не ответил, но, кажется, наконец-то сформулировал идеальную фразу: «Настоящий разработчик, Слав, это не тот, кто с сияющим макбуком и вкусным смузи. Разработчик — тот, кто делает то, что нужно сделать. И в легаси покопаться приходится, и memory leak деб…

  • среда, 4 июня 2025 г. в 00:00:03
javascript
Wake up Remix: анонс 3 версии

На конференции React прошлым летом команда объявила, что Remix «уходит в спячку».К тому моменту Remix v2 стал настолько тонкой обёрткой над React Router, что между проектами возникло искусственное разделение. Чтобы упростить архитектуру фреймворка, команда перенесла код сборщика и серверного рантайма из Remix непосредственно в React Router v7, объединив всё лучшее из фреймворка в так называемый “framework mode” для роутера. Также было объявлено о планах добавить ограниченную поддержку React Ser…

  • вторник, 3 июня 2025 г. в 00:00:05
javascript
Angular 20: Большое обновление для современного веба

Angular 20 — это мощное обновление, которое делает разработку веб-приложений быстрее, удобнее и современнее. Новые возможности шаблонов, стабильные сигналы, поддержка zoneless режима и интеграция с AI позволяют создавать высокопроизводительные приложения с минимальными усилиями. В этой статье разберём ключевые нововведения Angular 20 и покажем, как их использовать в ваших проектах.Новые возможности:Улучшенная поддержка JavaScript-выражений в шаблонахAngular 20 приближается к полной совместимост…

  • вторник, 3 июня 2025 г. в 00:00:04
javascript
Чек-лист по оптимизации, с которым мы вышли в зелёную зону

Привет! Меня зовут Андреева Саша, я веб-разработчик в компании iSpring. Два года назад мы столкнулись с тем, что всё больше и больше страниц нашего ведущего сайта начали падать в выдаче, а рост органического трафика заметно уменьшился. Основной причиной было то, что просели показатели сайта — мы постоянно обновляли страницы, но не уделяли должное внимание оптимизации. Мы проанализировали показатели, выбрали инструмент для отслеживания данных по всем страницам, в нём же настроили алерты и взялис…

  • вторник, 3 июня 2025 г. в 00:00:02
javascript
CI/CD на GitHub Actions и GitLab CI для самых маленьких. Часть 2

Часть 2: Настройка GitHub Actions и GitLab CI – первый workflow и деплойВ первой статье мы разобрались с основами CI/CD: что это такое, зачем нужно и какие инструменты существуют. Теперь пришло время перейти от теории к практике – создадим наши первые рабочие CI/CD-конвейеры на GitHub Actions и GitLab CI.ВведениеПомните, как в первой статье мы говорили о CI/CD как о вашем личном роботе-помощнике? Сегодня мы этого робота соберём и запрограммируем. Мы настроим репозитории на GitHub и GitLab, напи…

  • понедельник, 2 июня 2025 г. в 00:00:04