Typical Frontend
135 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
​​Visx — коллекция графических примитивов для React-приложений, созданная в AirbnbL:

перевод: https://habr.com/ru/company/ruvds/blog/521068/

оригинал: https://medium.com/airbnb-engineering/introducing-visx-from-airbnb-fd6155ac4658https://medium.com/airbnb-engineering/introducing-visx-from-airbnb-fd6155ac4658

#react
​​Неплохое руководство по медиа-запросам в CSS:

https://css-tricks.com/a-complete-guide-to-css-media-queries/

#css
​​Как использовать SVG иконки в React с React Icons и Font Awesome:

https://www.freecodecamp.org/news/how-to-use-svg-icons-in-react-with-react-icons-and-font-awesome/

#react
Понимание TypeScript Generics (статья 18-ти летнего разработчика из Техаса!):

https://www.smashingmagazine.com/2020/10/understanding-typescript-generics/

#ts
Выберите наиболее полный список способов обновить react-компонент:
Anonymous Quiz
45%
SetProps, SetState, ForceUpdate
9%
ForceUpdate, SetState
36%
ForceUpdate, SetState, Parent (re)render
9%
ForceUpdate, directly call UpdateComponent
​​Новый механизм JSX трансформации в React 17 Release Candidate:

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

#react
​​Использование Service Workers с create-react-app:

https://blog.bitsrc.io/using-service-workers-with-react-27a4c5e2d1a9

#react
​​Лучшая практика обработки ошибок в современном JavaScript:

https://habr.com/ru/company/skillfactory/blog/522218/

#js #development
​​Очередная статья для сравнения MobX и Redux:

https://habr.com/ru/company/mailru/blog/522312/

#react #development
​​Объяснение Event Loop и Call Stack в JavaScript:

https://felixgerschau.com/javascript-event-loop-call-stack/

#js
​​Руководство по HTML/CSS формам (без хаков):

https://www.sitepoint.com/a-guide-to-html-css-forms-no-hacks/

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

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
​​Очередная статья о том, как создать PWA на React:

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

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

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

#react #development