Typical Frontend
137 subscribers
48 photos
625 links
News and events from the World of Frontend and around it. Tools and useful materials on everything that may be of interest to a frontend developer as well.

For all questions you can write @Typical_Front_End
Download Telegram
​​Интересны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
​​Не лайтхаусом единым: как проверить свой сайт со всех сторон - набор инструментов для проверки и рефакторинга:

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

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

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

#development
​​Порядок выполнения script в HTML: async, defer, module, nomodule и src.

https://tproger.ru/translations/script-execution-order/

#development
​​Базовый формат моков React-компонентов:

https://habr.com/ru/company/otus/blog/524292/

#react
​​Как создавать React формы с отличным UX:

https://www.telerik.com/blogs/how-to-create-react-forms-with-great-ux

#react
​​Недавно наткнулся на отличный справочник по операторам в JavaScript от Джош Комю. Некоторые реально сложно нагуглить, так как они состоят из спец. символов. Так что однозначно в закладки:

https://joshwcomeau.com/operator-lookup/

#js
​​Обзор наиболее популярных редакторов кода на данный момент: описание, фичи и возможности ...
Для тех, кто еще не определился с редактором или хочет попробовать что-то другое:

https://htmlacademy.ru/blog/boost/tools/editors-for-the-coders

#development #tools
​​Вдогонку к теме редакторов - если кто работает с VS Code, можно заглянуть сюда:

https://x-team.com/blog/best-vscode-extensions/

#development #tools
#ReactJS
Имеет ли сам компонент доступ к this.prop.key?
Anonymous Quiz
47%
Да
41%
Нет
13%
Необходимо определить static getKey
​​12 советов по внедрению TypeScript в React-приложениях:

https://habr.com/ru/company/tinkoff/blog/505488/

#react #typescript