FrontEndDev
28K subscribers
2.35K photos
22 videos
7.56K links
🚀 Статьи, новости, туториалы по frontend разработке.

https://jem-space.ru

Admin: @jem_jem
Пишу в @five_a_m

Читать на парковке: https://max.ru/front_end_dev

Реклама: https://bit.ly/2NxmVDu
РКН: https://clck.ru/3GLw7G
Download Telegram
Как делать Debounce и Throttle колбеки во Vue.

Особенности реализации и примеры от Дмитрия Павлутина.

https://dmitripavlutin.com/vue-debounce-throttle/
👍2🍓1
Как сделать игру 2048 на React - детальный разбор.

Демка доступна тут

https://habr.com/ru/company/skillfactory/blog/588356/
👍1
Эффект матового стекла в CSS

https://dev.to/khush2706/frosted-glass-effect-in-css-27p4
JavaScript Sanitizer API: современный способ безопасного манипулирования DOM.

Заметка о том, как использовать Sanitizer API чтобы избежать XSS атак и не только.

https://blog.bitsrc.io/javascript-sanitizer-api-the-modern-way-to-safe-dom-manipulation-828d5ea7dca6
Дженерики в TypeScript.

Сергей Вархамов рассказывает о том, как работать с обобщенными типами.

https://habr.com/ru/company/tinkoff/blog/588655/
CSS Loaders & Spinners.

Большая коллекция с примерами кода.

https://cssloaders.github.io/
11 полезных инструментов для React (и не только) разработки, среди которых React Sight - визуализатор дерева компонентов и Bundle Analyzer.

https://javascript.plainenglish.io/11-must-use-tools-for-react-development-36c3b6ba2218
Конечные автоматы в JavaScript с XState.

Статья о том, что такое конечные автоматы и как их использовать для реализации логики.

https://indepth.dev/posts/1488/state-machines-in-javascript-with-xstate
👍3
Краткое введение в GraphQL с примерами.

https://www.taniarascia.com/introduction-to-graphql/
300+ вопросов по React на собеседовании. От простых до сложых.

https://aviyel.com/post/1381/300-react-interview-questions
Адаптивные макеты без медиа-запросов!

Джейсон Кнайт рассказывает как сделать responsive верстку при помощи стандартных HTML элементов и flex стилей.

https://medium.com/codex/responsive-layouts-without-media-queries-5d7fd989be72
Простое объяснение перегрузки функций в TypeScript от Дмитрия Павлутина.

https://dmitripavlutin.com/typescript-function-overloading/
Миграция с Puppeteer на Playwright.

Статья с обзором различий двух инструментов для написания E2E тестов и инструкцией как мигрировать (и стоит ли это делать).

https://www.checklyhq.com/guides/puppeteer-to-playwright/
Расширение цепочек when/else в CSS: первый взгляд.

О новом синтаксисе, который может быть добавлен в новую спецификацию CSS в скором времени.

https://blog.logrocket.com/extending-css-when-else-chains-first-look/
Vue.js против React: сравнение двух самых популярных JS-фреймворков.

Давно у нас не было холиварных сравнений.

https://www.codica.com/blog/react-vs-vue/
NgRx версии 13: билды Ivy, Feature Creators, улучшенные селекторы и многое другое!

https://medium.com/ngrx/announcing-ngrx-version-13-ivy-builds-feature-creators-improved-selectors-and-more-6a1a4c52c824
SVGcode: PWA для преобразования растровых изображений в векторную графику.

Подробности реализации и работы приложения.

https://web.dev/svgcode/
Div на divе не сидит и divом не погоняет: пишем семантически верные индикаторы загрузки на Angular.

Разработчики Tinkoff рассказывают как решить, казалось бы простую задачу, верно с точки зрения доступности и семантики.

https://habr.com/ru/company/tinkoff/blog/589735/
Полное руководство о том, как добавить автосохранение с помощью RxJS.

Используем debounceTime и fromEvent.

https://itnext.io/the-ultimate-guide-on-how-to-add-autosave-with-rxjs-45b89cd23edc