​​Начнем неделю с прототипов:

https://dailycoding.io/article/8Xdk1IYCjvk6tfas7Nzp

#js

​​Странный, но работающий Flex: интерактивные диаграммы на Flexbox:

https://blog.scottlogic.com/2020/10/09/charts-with-flexbox.html

#css #development

​​Простое объяснение итераторов JavaScript:

https://dmitripavlutin.com/javascript-iterators/

#js

​​Мифы о useEffect:

https://epicreact.dev/myths-about-useeffect/

#react

​​Очередная статья о том, как создать PWA на React:

https://www.codica.com/blog/how-to-create-pwa-with-react/

#react

​​React Hooks: как начать работу и создать свой собственный:

https://www.sitepoint.com/react-hooks/

#react #development

​​История веб-браузера:

https://www.creativebloq.com/features/history-of-the-web-browser

#development

​​10 современных однострочных раскладок на CSS: центрирование, адаптация, стики-футер, святой грааль, 12-колоночник и другое:

https://habr.com/ru/post/522880/

#css #development

​​Интересныe нововведения в ES2021:

https://dev.to/mlarocca/new-features-in-es2021-4e13

#js

​​Framer Motion — красивые анимации и взаимодействия для React:

https://dev.to/vaibhavkhulbe/framer-motion-beautiful-animations-and-interactions-for-react-1d56

#react

​​React-Colorful - новый минималистичный колор-пикер для React-приложений. Довольно свежий, быстрый, без кучи зависимостей:

https://dev.to/omgovich/react-colorful-1-8-kb-color-picker-for-react-fast-dependency-free-customizable-and-accessible-8le

#react #development

​​Разбираемся в рекурсии:

https://habr.com/ru/post/521100/

#js

​​Самые полезные инструменты и техники для тестирования доступности:

https://blog.sapegin.me/all/accessibility-testing/

#development

​​Ничего этакого, но можно глянуть - 11 frontend трюков, о которых не знает большинство Frontend-разработчиков:

https://medium.com/javascript-in-plain-english/11-frontend-tricks-that-most-frontend-developers-dont-know-about-68dc48199ed6?noshort=true

#css #js #development

​​Визуализация сложных данных с использованием D3 и React:

https://habr.com/ru/post/517562/

#react

​​Разбираемся в типах хранилищ в браузере:

https://css-tricks.com/a-primer-on-the-different-types-of-browser-storage/

#development

​​Начало работы с Next.js:

https://www.smashingmagazine.com/2020/10/getting-started-with-next-js/

#nextjs

​​Особенностях работы с <input type=file> в HTML и JavaScript:

https://blog.greenroots.info/10-useful-html-file-upload-tips-for-web-developers-ckgetegpf0c7go9s123wvg7bi

#development

​​Не лайтхаусом единым: как проверить свой сайт со всех сторон - набор инструментов для проверки и рефакторинга:

https://habr.com/ru/company/vdsina/blog/522932/

#tools

​​Разбираем по шагам, как браузер рендерит
нашу страницу, от загрузки HTML до отрисовки страницы:

https://dev.to/jstarmx/how-the-browser-renders-a-web-page-1ahc

#development