Оптимизация производительности фронтенда для новичков. Часть 1/n. Как браузеры рендерят страницу
https://xnim.me/blog/frontend-perf-for-newbies-part-1-critical-render-path
https://xnim.me/blog/frontend-perf-for-newbies-part-1-critical-render-path
DEV Community
Hitchhiker's guide to frontend performance optimization. Part 1. Critical render path
We will dive into how browsers render the page, critical render path and we are going to think of how we could improve our metrics like FMP and TTI and make the user experience better.
Путешествие в runtime - Event loop, layout, paint, composite, call stack
https://xnim.me/blog/javascript-browser-event-loop-layout-paint-composite-call-stack
https://xnim.me/blog/javascript-browser-event-loop-layout-paint-composite-call-stack
whocanuse — инструмент, позволяющий понять доступность сочетания цветов для людей с различными проблемами зрения
https://whocanuse.com/
https://whocanuse.com/
WhoCanUse
A tool that brings attention and understanding to how color contrast can affect people with different visual impairments.
Полное руководство по CSS Grid с шпаргалкой
https://www.freecodecamp.org/news/css-grid-tutorial-with-cheatsheet/
https://www.freecodecamp.org/news/css-grid-tutorial-with-cheatsheet/
Что такое State Management? Практическое руководство по Vuex для Nuxt.js приложений
https://medium.com/js-dojo/what-is-state-management-hands-on-vuex-for-clean-nuxt-js-applications-ec51f386dc15
https://medium.com/js-dojo/what-is-state-management-hands-on-vuex-for-clean-nuxt-js-applications-ec51f386dc15
Medium
What is State Management? Hands-On Vuex for clean Nuxt.js Applications.
A beginner’s guide to Vuex. Free Code provided.
Как создать фулстек-приложение с помощью Supabase и Next.js
https://www.freecodecamp.org/news/the-complete-guide-to-full-stack-development-with-supabas/
https://www.freecodecamp.org/news/the-complete-guide-to-full-stack-development-with-supabas/
freeCodeCamp.org
Full Stack Development with Next.js and Supabase – The Complete Guide
By Nader Dabit Supabase is an open source Firebase alternative that lets you create a real-time backend in less than two minutes. Supabase has continued to gain hype and adoption with developers in my network over the past few months. And a lot of th...
Вышел React 18! Обзор новых фич и подробности.
https://blog.openreplay.com/react-18-is-out-this-is-what-you-need-to-know
https://blog.openreplay.com/react-18-is-out-this-is-what-you-need-to-know
Openreplay
React 18-Alpha Is Out! This Is What You Need to Know
React 18 has been announced, but what's new about it? Here are the details you need to know about this new version of React.
Подготовка к интервью по Angular в 2021 году
https://kevinkreuzer.medium.com/angular-interviews-in-2021-61eea28ae563
https://kevinkreuzer.medium.com/angular-interviews-in-2021-61eea28ae563
Medium
Angular interviews in 2022
Here’s what you should know going into an interview
Высокопроизводительное хранилище для вашего приложения: Storage Foundation API
https://web.dev/storage-foundation/
https://web.dev/storage-foundation/
Полное руководство по производительности Angular на 2021 год
https://medium.com/geekculture/the-complete-angular-performance-guide-for-2021-c5e55225b4d
https://medium.com/geekculture/the-complete-angular-performance-guide-for-2021-c5e55225b4d
Medium
The Complete Angular Performance Guide For 2021
Frustrated with your slow Angular app? Here’s how to double or even triple the speed of your Angular application.
Тестирование использования памяти в JavaScript
https://blog.webpagetest.org/posts/benchmarking-javascript-memory-usage/
https://blog.webpagetest.org/posts/benchmarking-javascript-memory-usage/
Catchpoint
Benchmarking JavaScript memory usage
Is your website bogged down by JavaScript memory usage? This article explores the challenges of measuring memory usage and proposes a new way to collect data.
Создайте полноценный GitLab pipeline для Angular. Часть 2
https://indepth.dev/posts/1398/craft-a-complete-angular-pipeline-part-2
https://indepth.dev/posts/1398/craft-a-complete-angular-pipeline-part-2
Думайте о компонентах React как о State Machines, а не о функциях
https://levelup.gitconnected.com/think-of-react-hooks-as-state-machines-not-functions-39cf9d086a94
https://levelup.gitconnected.com/think-of-react-hooks-as-state-machines-not-functions-39cf9d086a94
Medium
Think of React Components as State Machines, Not Functions
Functional components aren’t so functional any more. So how do we model them?
5 идей о том, как включить веб-доступность в процесс разработки
https://levelup.gitconnected.com/5-tips-on-how-to-incorporate-web-accessibility-into-your-dev-workflow-74d831e92fba
https://levelup.gitconnected.com/5-tips-on-how-to-incorporate-web-accessibility-into-your-dev-workflow-74d831e92fba
Medium
5 Ideas on How to Incorporate Web Accessibility into your Dev Workflow
Thoughts and philosophies for how to set up your team’s workflow to tackle accessibility
Построение компонентов с выпадающими блоками с помощью Angular и Material CDK
https://habr.com/ru/company/europlan/blog/561494/
https://habr.com/ru/company/europlan/blog/561494/