Introducing the New JSX Transform. Описание того, как будет устроен транспайлинг jsx в React 17.0 под капотом (спойлер: не нужно будет импортировать React в каждом файле) → https://bit.ly/3mWsVVf
——————————————
Поддержи меня на Patreon
——————————————
Поддержи меня на Patreon
Pre-Caching Image with React Suspense. Интересный способ реализации обертки, для показа состояния загрузки изображения. Думаю если к этому примеру прикрутить еще skeleton-loader - выйдет вполне себе рабочее решение → https://bit.ly/30gcKbT
——————————————
Поддержи меня на Patreon
——————————————
Поддержи меня на Patreon
Feature watch: ECMAScript 2021. Обзор того, что заехало в стандарт ECMAScript 2021 и того, что на подходе (stage 3) → https://bit.ly/3l0GxgF
——————————————
Поддержи меня на Patreon
——————————————
Поддержи меня на Patreon
CSS Grid понятно для всех. Очень классная короткая статья, показывающая что такое Grid и сделать простой лейаут на гридах → https://bit.ly/3jgdo0g
——————————————
Поддержи меня на Patreon
——————————————
Поддержи меня на Patreon
Understanding Web Performance Monitoring. Отличный гайд о том, какие метрики можно использовать для измерения перформанса приложения → https://bit.ly/3n18giZ
——————————————
Поддержи меня на Patreon
——————————————
Поддержи меня на Patreon
How Fast Should Your Site Load?. Подробный разбор метрик, на которые можно опираться и примерных величин этих метрик, к которым нужно стремится при исследовании перформанса вашего приложения → https://bit.ly/30npVYF
——————————————
Поддержи меня на Patreon
——————————————
Поддержи меня на Patreon
Forwarded from For Web — фронтенд, дизайн, программирование
Простые TypeScript-хитрости для безболезненного роста кодовой базы: подборка Романа Седова из Tinkoff → https://habr.com/p/521262/
Осваиваем JavaScript ES6 Symbol. Неплохое описание базовых принципов работы с Symbol и почему команда React отказалась разрешить искользовать Symbol в качестве key → https://bit.ly/3l6usGO
——————————————
Поддержи меня на Patreon
——————————————
Поддержи меня на Patreon
Почему я выбрал Next.js, а не Gatsby, Gridsome или Nuxt?. Интересная статья-рассуждение в переводе на Хабре → https://bit.ly/3jwBTq5
——————————————
Поддержи меня на Patreon
——————————————
Поддержи меня на Patreon
Myths about useEffect. Kent C. Dodds у себя в блоге разбирает частые заблуждение по поводу использования useEffect хука → https://bit.ly/36A534f
——————————————
Поддержи меня на Patreon
——————————————
Поддержи меня на Patreon
Announcing MobX 6. Как-то очень тихо произошел релиз MobX версии 6. Из нововведений:
- переработаны декораторы
- добавлена ф-я makeAutoObservable и логика сетапа поля observable
- улучшена поддержка браузеров
- обновлены доки
+ различные минорные улучшения
радует что MobX развивается, поэтому если вам это интересно - go в release notes → https://bit.ly/3jDojBt
——————————————
Поддержи меня на Patreon
- переработаны декораторы
- добавлена ф-я makeAutoObservable и логика сетапа поля observable
- улучшена поддержка браузеров
- обновлены доки
+ различные минорные улучшения
радует что MobX развивается, поэтому если вам это интересно - go в release notes → https://bit.ly/3jDojBt
——————————————
Поддержи меня на Patreon
Inspect CSS Grid. Детальное руководство о том, как можно дебажить гриды в Chrome DevTools → https://bit.ly/2Fdt3io
——————————————
Поддержи меня на Patreon
——————————————
Поддержи меня на Patreon
ooooops I guess we’re* full-stack developers now. Крутая статья от Chris Coyier с обзором serverless и JAMstack технологий → https://bit.ly/2F5Yaw2
——————————————
Поддержи меня на Patreon
——————————————
Поддержи меня на Patreon
Вы не знаете как должны работать модальные окна. Детальный рассказ о том, как сделать максимально доступное и семантически правильное модальное окно → https://bit.ly/33GylMF
——————————————
Поддержи меня на Patreon
——————————————
Поддержи меня на Patreon
Having an open dialog. А в этой статье Скотт Охара рассуждает о том, что с использованием dialog для модалок не все так гладко. Выводы, использовать или нет это все на проде, как обычно, делать нам самим → https://bit.ly/36HWmEZ
——————————————
Поддержи меня на Patreon
——————————————
Поддержи меня на Patreon
Create an offline fallback page. Пример того, как с помощью сервис воркера и Cache Storage API сделать фоллбек страницу для оффлайн версии сайта → https://bit.ly/2GQOQN2
——————————————
Поддержи меня на Patreon
——————————————
Поддержи меня на Patreon
Opening Links in New Browser Windows and Tabs. Интересный пост-рассуждение о том, когда стоит принудительно открывать ссылку в новом окне, а когда - нет → https://bit.ly/33IPJk4
——————————————
Поддержи меня на Patreon
——————————————
Поддержи меня на Patreon
Создание favicon для сайта 2020. Подборка всех нюансов и подводных камней использования favicon разных форматов на разных платформах → https://bit.ly/36UCZZq
——————————————
Поддержи меня на Patreon
——————————————
Поддержи меня на Patreon
Использование политики безопасности контента (CSP) для защиты веб-приложений. Очень подробная статья. Рекомендую всем к прочтению → https://bit.ly/3nIWzxC
——————————————
Поддержи меня на Patreon
——————————————
Поддержи меня на Patreon
Webpack 5 release. Очень много изменений: начиная от подкапотных (улучшенное кеширование, tree-shaking идр), заканчивая изменениями в работе с асетами, плагинами, выпиливанием полифиллов для Node.js и многое другое. Релиз реально большой, поэтому welcome в release notes → https://bit.ly/310ptQ5
——————————————
Поддержи меня на Patreon
——————————————
Поддержи меня на Patreon