Дайджест свежих материалов из мира фронтенда за последнюю неделю №483 (30 августа — 5 сентября 2021)

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

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

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

[1] Веб-технологии, которые могут работать не так, как ожидается: https://habr.com/ru/company/ruvds/blog/575350/

[2] Микрофронтенд, как не скатиться в ад: https://habr.com/ru/post/575990/

[3] Перестроились в модульный монолит, а не в микросервисы: https://habr.com/ru/company/unidata/blog/575784/

[4] Новинки DevTools (Chrome 93): https://developer.chrome.com/ru/blog/new-in-devtools-93/

[5] Табы или пробелы? ➡️ Почему мы повернули не туда и как табы помогают: https://www.youtube.com/watch?v=k-fwgO6m-9M

[6] Интерактивные инструменты обучения для фронтенд-разработчиков: https://www.smashingmagazine.com/2021/09/interactive-learning-tools-front-end-developers/

[7] Объяснение структуры HTML и CSS в клиенте Twitter: https://giuseppegurgone.com/twitter-html/

[8] Глубокое погружение в чудесный мир displacement фильтрации в SVG: https://www.smashingmagazine.com/2021/09/deep-dive-wonderful-world-svg-displacement-filtering/

[9] Распространенные ошибки NPM, которых следует избегать каждому разработчику : https://blog.bitsrc.io/common-npm-mistakes-every-developer-should-avoid-60ab0642d8f9

[10] Полное руководство по GraphQL для новичков: https://welearncode.com/beginners-guide-graphql/

[11] Assembler CSS — статический CSS фреймворк с миссией улучшить производительность вашего сайта, генерируя только минимальное количество CSS, необходимое каждой веб-странице.: https://asmcss.com/

[12] Использование SVG с медиа-запросами: https://www.sitepoint.com/using-svg-with-media-queries/

[13] Создание компонента для пошаговой навигации: https://ishadeed.com/article/stepper-component-html-css/

[14] Рефакторинг CSS: оптимизация размеров и производительность (часть 3): https://www.smashingmagazine.com/2021/08/refactoring-css-optimizing-size-performance-part3/

[15] Интерактивное руководство по Keyframe Animations: https://www.joshwcomeau.com/animation/keyframe-animations/

[16] Топ-5 генераторов CSS Grid Layout: https://blog.bitsrc.io/top-5-css-grid-layout-generators-f7743f0dfad2

[17] Pure CSS: как создать арт-галерею в виде трехмерного вращающегося куба, используя только CSS: https://medium.com/@Codeible/pure-css-3d-rotating-cube-art-gallery-with-only-css-3cdbdfa35e83

[18] ColorPicker для с веб-сайтов или всего экрана помощью JavaScript EyeDropper API.: https://www.bram.us/2021/09/01/pick-colors-from-websites-with-the-eyedropper-api/

[19] 7 методов создания хороших переменных в JavaScript: https://blog.alexdevero.com/good-javascript-variables/

[20] Подробный разбор вопроса для интервью: вложенные массивы: https://yonatankra.com/deep-dive-into-an-interview-question-array-nesting/

[21] Особенности ES2022: блоки статической инициализации классов: https://2ality.com/2021/09/class-static-block.html

[22] Предложения, включенные в грядущий стандарт ECMAScript 2022 для JavaScript: https://medium.com/geekculture/proposals-included-in-the-incoming-ecmascript-2022-standard-for-javascript-6119a4518904

[23] Advanced Typescript: https://kevinkreuzer.medium.com/advanced-typescript-43331bb4a875

[24] Виртуализация больших списков данных с помощью react-window: https://blog.openreplay.com/virtualizing-large-data-lists-with-react-window

[25] Руководство по React Context и хуку useContext(): https://dmitripavlutin.com/react-context-and-usecontext/

[26] 5 методов оптимизации производительности React: https://blog.logrocket.com/5-react-performance-optimization-techniques/

[27] Vue.js — Как я вызываю метод в компоненте извне компонента в Vue 2: https://webdevblog.ru/vue-js-kak-ya-vyzyvaju-metod-v-komponente-izvne-komponenta-v-vue-2/

[28] Vue.js: как мигрировать большой проект с Vue 2 на Vue 3: https://crisp.chat/blog/vuejs-migration/

[29] Vue: когда computed property может быть неправильным инструментом: https://dev.to/linusborg/vue-when-a-computed-property-can-be-the-wrong-tool-195j

[30] VueUse как необходимая библиотека для Vue 3: https://dev.to/harmyderoman/vueuse-as-must-have-library-for-vue-3-5o2

[31] Почему НЕ следует использовать функции в Angular HTML: https://medium.com/@heshamaothman/why-you-should-not-use-functions-in-angular-html-f445371a4b6b

[32] Вам не нужно использовать Observables в Angular: https://levelup.gitconnected.com/you-dont-have-to-use-observables-in-angular-4eac6372dd0

[33] Создание вектороскопа в Angular 12: https://medium.com/ngconf/creating-a-vectorscope-in-angular-12-a581a169590a

[34] NGRX — используйте Actions для создания более реактивных приложений: https://itnext.io/ngrx-use-actions-to-create-more-reactive-applications-514562ad23e8

[35] Sveltey: Cli для Svelte-Kit: https://dev.to/lalit64/sveltey-cli-for-svelte-kit-4h75

[36] Из настроек Chrome планируют убрать раздел для детализированного управления Cookie: https://www.opennet.ru/opennews/art.shtml?num=55736

[37] Проект Pale Moon добился прекращения разработки браузера Mypal: https://www.opennet.ru/opennews/art.shtml?num=55729

[38] Релиз Chrome 93: https://www.opennet.ru/opennews/art.shtml?num=55717

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

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

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

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

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