Дайджест свежих материалов из мира фронтенда за последнюю неделю №464 (19 — 25 апреля 2021)

---

Сайт-источник PVSM.RU: https://www.pvsm.ru

Путь до страницы источника: https://www.pvsm.ru/javascript/363654

Ссылки в тексте:

[1] Медиа: #media

[2] Веб-разработка: #development

[3] CSS: #css

[4] JavaScript: #js

[5] Браузеры: #browser

[6] Занимательное: #interesting

[7] Callback Hell — записи аудио-стримов о технологиях и не только от CSSSR: https://soundcloud.com/csssr/sets/callback-hell

[8] Подкаст «Фронтенд Юность» #182: Не нужно платить разработчикам 200-300к : https://soundcloud.com/frontend_u/e182

[9] «Новости 512» от CSSSR: релиз Node.js 16 и Firefox 88, проектирование приложения с TypeScript и ООП, взгляд на Container Query, доклады с Я.Субботника.: https://blog.csssr.com/ru/news512/episode/news-165/?fbclid=IwAR2tp7kfqZ0RENkDgRetlfAm3bRLyvzl1sjBv1i-hnN1cj09uYKp2lLNCww

[10] «Новости 512» от CSSSR: Микрофронтенды в Delivery Club, JS-классы, состояние JS-фреймворков и стейт-менеджеров, минусы Dart: https://soundcloud.com/csssr/mikrofrontendy-v-delivery-club-js-klassy-sostoyanie-js-freymvorkov-i-steyt-menedzherov-minuss-dart

[11] IT-дебаты: JavaScript-программист vs фронтенд-разработчик: https://www.youtube.com/watch?v=aGFx6clwEqw

[12] Frontend Meetup 20/04: https://habr.com/ru/company/raiffeisenbank/blog/553198/

[13] Я.Субботник по разработке интерфейсов 2021: https://www.youtube.com/playlist?list=PLKaafC45L_SSQzEjU7ZFVn22OyQC5fJHv

[14] CORS для чайников: история возникновения, как устроен и оптимальные методы работы: https://habr.com/ru/company/macloud/blog/553826/

[15] Как создают и поддерживают веб-страницы tinkoff.ru: https://habr.com/ru/company/tinkoff/blog/553748/

[16] Трёхпроходный алгоритм рефакторинга Front End: https://habr.com/ru/post/553694/

[17] Что нового в DevTools (Chrome 91): https://developer.chrome.com/blog/new-in-devtools-91/

[18] Независимые компоненты: новые строительные блоки для веба : https://blog.bitsrc.io/independent-components-the-webs-new-building-blocks-59c893ef0f65

[19] Как я создал свой блог : https://www.joshwcomeau.com/blog/how-i-built-my-blog/

[20] Почти полное руководство по Cumulative Layout Shift : https://jessbpeck.com/posts/completecls/

[21] Подробное руководство по измерению Core Web Vitals: https://www.smashingmagazine.com/2021/04/complete-guide-measure-core-web-vitals/

[22] Взаимодействие с магнитящейся трехмерной галереей: https://tympanus.net/codrops/2021/04/21/magnetic-3d-grid-interaction-with-content-preview/

[23] Эффект креативного появления изображений при скроллинге: https://codepen.io/hexagoncircle/full/PoWarZE

[24] Трехмерный скроллинг в глубину с помощью Three.js & GSAP: https://codepen.io/shunyadezain/full/RwKBZBd

[25] Анимация контура текста с помощью Three.js: https://tympanus.net/codrops/2021/04/19/text-outline-animation-with-three-js/

[26] Полное руководство по CSS Flex + опыт использования: https://habr.com/ru/company/itsoft/blog/553266/

[27] CSS-нестинг — боль­ше, чем са­хар: https://web-standards.ru/articles/css-nesting/

[28] Руководство по новым современным псевдо-селекторам CSS: https://www.smashingmagazine.com/2021/04/guide-supported-modern-css-pseudo-class-selectors/

[29] Создание (и потенциальные преимущества) CSS-шрифта : https://css-tricks.com/the-making-and-potential-benefits-of-a-css-font/

[30] Как добавить двойную границу к SVG Shapes: https://css-tricks.com/how-to-add-a-double-border-to-svg-shapes/

[31] Начало работы с CSS Custom Properties: https://piccalil.li/tutorial/getting-started-with-css-custom-properties

[32] TailwindCSS: добавляет сложности, ничего не делает.: https://dev.to/brianboyko/tailwindcss-adds-complexity-does-nothing-3hpn

[33] Работа на ошибками гибкой типографии, базирующихся на вьюпорте в Safari: https://www.sarasoueidan.com/blog/safari-fluid-typography-bug-fix/

[34] Основы управления памятью в JavaScript: как это работает и какие проблемы могут возникнуть: https://habr.com/ru/company/skillbox/blog/554018/

[35] Выпуск серверной JavaScript-платформы Node.js 16.0: https://www.opennet.ru/opennews/art.shtml?num=54998

[36] Чудесный мир Javascript бандлеров : https://alexmercedcoder.medium.com/the-wonderful-world-of-javascript-bundlers-719a9018c8a7

[37] Улучшите управление состоянием в вашем фронтенде с помощью view models: https://itnext.io/enhance-your-frontend-state-management-with-view-models-7bf49e1a0991

[38] Шаблон для свойства отложенной загрузки в ​​JavaScript: https://humanwhocodes.com/blog/2021/04/lazy-loading-property-pattern-javascript/

[39] Полное руководство по инкрементной статической регенерации (ISR) с Next.js: https://www.smashingmagazine.com/2021/04/incremental-static-regeneration-nextjs/

[40] Топ-5 самых популярных вопросов о JavaScript на Stack Overflow: https://medium.com/frontend-handbooks/top-5-most-popular-javascript-questions-on-stack-overflow-9077153bf1f0

[41] Руководство по MobX : https://www.telerik.com/blogs/guide-to-mobx

[42] Понимание Array Reduce в JavaScript: https://www.telerik.com/blogs/understanding-javascript-array-reduce

[43] Простые советы по написанию чистого кода React-компонентов: https://habr.com/ru/company/ruvds/blog/553068/

[44] Заметка о том, как работают хуки в React: https://habr.com/ru/post/553104/

[45] Как автоматически развернуть ваши React — приложения с помощью Cloudflare Pages: https://www.freecodecamp.org/news/how-to-auto-deploy-your-react-apps-with-cloudflare-pages/

[46] Шпаргалка по React Router: все, что вам нужно знать: https://reedbarger.com/react-router-cheatsheet/

[47] Hookrouter: современный подход к React Routing: https://blog.bitsrc.io/hookrouter-a-modern-approach-to-react-routing-b6e36f7d49d9

[48] 3 года VueJS (2021) : https://anthony-sarkis.medium.com/3-years-of-vuejs-2021-7e3127a930dc

[49] Представляем Plasmic, визуальный конструктор страниц для Next.js : https://medium.com/plasmic-app/introducing-plasmic-the-visual-page-builder-for-next-js-4b1cf4b4e6e8

[50] Как прибираться после себя и почему это важно (Vue/React): https://www.telerik.com/blogs/how-to-clean-up-after-yourself-and-why-its-important-vue-react

[51] Inkline — кастомизируемая Vue.js UI/UX библиотека для создания отзывчивых веб-приложений: https://inkline.io/

[52] 5 полезных решений в RxJS : https://medium.com/grensesnittet/5-helpful-rxjs-solutions-d34f7c2f1cd9

[53] Как оптимизировать реактивность в Angular: https://javascript.plainenglish.io/angular-reactivity-streamlined-831754b60a11

[54] Как разделить HTTP Interceptors между несколькими серверами : https://indepth.dev/posts/1455/how-to-split-http-interceptors-between-multiple-backends

[55] Предстоящие улучшения в распространении Angular : https://blog.angular.io/upcoming-improvements-to-angular-library-distribution-76c02f782aa4

[56] The Ember Times — Issue No. 178: https://blog.emberjs.com/the-ember-times-issue-178/

[57] EmberJs Vs. ReactJs: все, что вам нужно знать : https://www.rlogical.com/blog/emberjs-vs-reactjs-everything-you-need-to-know/

[58] В Firefox 88 молча удалён пункт контекстного меню «Page Info»: https://www.opennet.ru/opennews/art.shtml?num=54991

[59] Apple, Microsoft, Opera и другие разработчики не горят желанием поддерживать технологию Google FLoC: https://itc.ua/news/apple-microsoft-opera-i-drugie-razrabotchiki-brauzerov-otkazyvayutsya-ot-ispolzovaniya-tehnologii-google-floc/

[60] Релиз Firefox 88: https://www.opennet.ru/opennews/art.shtml?num=54989

[61] В Microsoft Edge тестируется новый режим производительности с иным принципом работы «спящих» вкладок: https://itc.ua/news/v-microsoft-edge-testiruetsya-novyj-rezhim-proizvoditelnosti-s-novym-princzipom-raboty-spyashhih-vkladok/

[62] Дайджест за прошлую неделю: https://habr.com/ru/post/553090/

[63] dersmoll: http://habrahabr.ru/users/dersmoll/

[64] alekskorovin: http://habrahabr.ru/users/alekskorovin/

[65] Источник: https://habr.com/ru/post/554320/?utm_source=habrahabr&utm_medium=rss&utm_campaign=554320

Нажмите здесь для печати.