FrontEndDev

Самый быстрый способ создать легкий Angular Content Service https://betterprogramming.pub/the-fastest-way-to-build-lightweight-angular-content-service-1970fbc67681

SVGcode: PWA для преобразования растровых изображений в векторную графику. Подробности реализации и работы приложения. https://web.dev/svgcode/

Все разработчики хотят выговориться. Иногда из этого получаются подкасты. «307 пакетов» — подкаст, в котором обсуждают будни в айти и всё то, от чего полыхают сёдла у джунов, мидлов, сеньоров и сеньорит. Горящие сроки, зарплаты, выгорание, душные коллеги и хорошая порция айтишного юмора — это «307 пакетов». Заходи провести время в отличной компании под неприлично приятные голоса ребят. Обещают поднимать темы, от которых горят не только сердца, и приглашать интересных гостей. Подписывайся на YouTube-канал «307 пакетов» ➡️ https://bit.ly/3CXUrcy Или выбирай любую удобную подкаст-площадку ➡️ https://bit.ly/301AyCW

NgRx версии 13: билды Ivy, Feature Creators, улучшенные селекторы и многое другое! https://medium.com/ngrx/announcing-ngrx-version-13-ivy-builds-feature-creators-improved-selectors-and-more-6a1a4c52c824

Vue.js против React: сравнение двух самых популярных JS-фреймворков. Давно у нас не было холиварных сравнений. https://www.codica.com/blog/react-vs-vue/

Расширение цепочек when/else в CSS: первый взгляд. О новом синтаксисе, который может быть добавлен в новую спецификацию CSS в скором времени. https://blog.logrocket.com/extending-css-when-else-chains-first-look/

Миграция с Puppeteer на Playwright. Статья с обзором различий двух инструментов для написания E2E тестов и инструкцией как мигрировать (и стоит ли это делать). https://www.checklyhq.com/guides/puppeteer-to-playwright/

Простое объяснение перегрузки функций в TypeScript от Дмитрия Павлутина. https://dmitripavlutin.com/typescript-function-overloading/

Адаптивные макеты без медиа-запросов! Джейсон Кнайт рассказывает как сделать responsive верстку при помощи стандартных HTML элементов и flex стилей. https://medium.com/codex/responsive-layouts-without-media-queries-5d7fd989be72

Удобно, когда все самые актуальные новости можно найти на одном ресурсе, не чекая миллионы пабликов, статей, каналов и подкастов. И это реально — недавно наш коллега Саша завёл Telegram-канал «Быстрый Фронтенд», где собирает самые актуальные новости из мира фронтенд-разработки со ссылками на первоисточник. Подписывайся на «Быстрый Фронтенд» — будь в курсе самых полезных новостей в компактном формате 📲

300+ вопросов по React на собеседовании. От простых до сложых. https://aviyel.com/post/1381/300-react-interview-questions

Краткое введение в GraphQL с примерами. https://www.taniarascia.com/introduction-to-graphql/

Конечные автоматы в JavaScript с XState. Статья о том, что такое конечные автоматы и как их использовать для реализации логики. https://indepth.dev/posts/1488/state-machines-in-javascript-with-xstate

11 полезных инструментов для React (и не только) разработки, среди которых React Sight - визуализатор дерева компонентов и Bundle Analyzer. https://javascript.plainenglish.io/11-must-use-tools-for-react-development-36c3b6ba2218

CSS Loaders & Spinners. Большая коллекция с примерами кода. https://cssloaders.github.io/

Дженерики в TypeScript. Сергей Вархамов рассказывает о том, как работать с обобщенными типами. https://habr.com/ru/company/tinkoff/blog/588655/

JavaScript Sanitizer API: современный способ безопасного манипулирования DOM. Заметка о том, как использовать Sanitizer API чтобы избежать XSS атак и не только. https://blog.bitsrc.io/javascript-sanitizer-api-the-modern-way-to-safe-dom-manipulation-828d5ea7dca6

Skyeng ищет Frontend-разработчика Предстоит заниматься продуктом для взрослой аудитории. Сейчас для таких учеников мы предлагаем английский язык 1 на 1 с преподавателем. В 2021 году мы будем добавлять новые предметы и выходить на международные рынки. Сейчас очень удачный момент, чтобы присоединиться к команде, если вы ищете серьезные вызовы. Даем максимум свободы и ответственности по всем техническим решениям. Локация: удаленно из любой точки мира или офис в Москве Задачи: — Разрабатывать новые фичи и оптимизировать имеющийся код; — Активно участвовать в обсуждении задач и предлагать оптимальные решения; — Декомпозировать задачи, оценивать сроки и попадать в них; — Участвовать в проектировании разрабатываемых решений. Идеальный кандидат: — С опытом практической разработки на JavaScript от 3х лет; — Работал с Angular 2+, Typescript, RxJS; — Хочет решать задачи бизнеса, привнося новые идеи и улучшения; — Активно участвует в обсуждении планов и целей продукта Тебя ждут сильная команда, возможность изменить сферу образования, постоянное развитие, хакатоны и командные сборы в разных уголках мира, бонусы от Skyeng. Откликнуться на вакансию и узнать подробности можно по ссылке 👉 https://clck.ru/YtNyR

Эффект матового стекла в CSS https://dev.to/khush2706/frosted-glass-effect-in-css-27p4

Как сделать игру 2048 на React - детальный разбор. Демка доступна тут https://habr.com/ru/company/skillfactory/blog/588356/