FrontEndDev
28K subscribers
2.35K photos
22 videos
7.55K 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
Краткое введение в 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
JWT: полное руководство с лучшими практиками в JavaScript

https://betterprogramming.pub/jwt-ultimate-how-to-guide-with-best-practices-in-javascript-f7ba4c48dfbd
3 способа реализации скелетных компонентов в React

https://blog.openreplay.com/3-ways-to-implement-skeleton-components-in-react
Динамическое управление цветом с помощью относительных цветов в CSS

Джим Нильсен показывает фокусы с CSS переменными и calc.

https://blog.jim-nielsen.com/2021/css-relative-colors/
Полное руководство для новичков по React useState hook

https://javascript.works-hub.com/learn/a-complete-beginners-guide-to-react-usestate-hook-f85a0
Интерфейсы против типов в TypeScript. Разбираемся в чем разница.

https://itnext.io/interfaces-vs-types-in-typescript-cf5758211910