Typical Frontend
134 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
​​6 лучших практик React на 2021 год:

https://blog.asayer.io/6-react-best-practices-for-2021

#react
​​Интерактивное руководство по CSS Transitions:

https://www.joshwcomeau.com/animation/css-transitions/

#css
​​Исследование сложностей width и height в CSS.
Разбираемся, как рассчитываются ширина и высота блока в зависимости от различных комбинаций свойств в CSS:

https://css-tricks.com/exploring-the-complexities-of-width-and-height-in-css/

#css
​​15 полезных однострочных выражений JavaScript:

https://medium.com/p/f25d53eb9482

#js
​​Cерия видео роликов, в которых очень просто и интересно рассказывается применение SOLID принципов во фронтенде.:

https://webdevblog.ru/frontend-solid-arhitektura-vo-frontende/

#js
​​Дэн Абрамов показывает, как можно улучшить производительность React-компонентов, изолировав изменения состояний или переместив их ближе к отрисовке:

https://overreacted.io/before-you-memo/

#react
​​Server-Side Rendering с нуля до профи:

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

#react
​​Лучшие практики для управления и хранения секретов при разработке фронтенда:

https://blog.logrocket.com/best-practices-for-managing-and-storing-secrets-in-frontend-development/

#development
​​Почему я никогда не использовал Redux. Глава 1: Причины

https://kelin2025.medium.com/why-ive-never-used-redux-chapter-1-the-reasons-e4ff22e3cee0

#react
​​Что такое @font-face на самом деле:

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

#css
​​Как выбрать элементы, которые не являются дочерними элементами других элементов в CSS:

https://www.stefanjudis.com/snippets/how-to-select-elements-that-are-not-children-of-other-elements-in-css/

#css
​​Счастливый путь styled-components. Персональная подборка лучших практик:

https://www.joshwcomeau.com/css/styled-components/

#react
​​Что означает троеточие (…) в Javascript:

https://codeburst.io/what-are-three-dots-in-javascript-6f09476b03e1

#js
​​Tao of React — Дизайн, архитектура и лучшие практики:

https://alexkondov.com/tao-of-react/

#react
​​createRef, setRef, useRef и зачем нужен current в ref:

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

#react
Какой атрибут обязателен при рендеринге компонентов списка?
Anonymous Quiz
89%
key
2%
index
2%
data-index
7%
id
​​Версионность веб-приложений:

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

#development
​​3 способа анализа производительности React с помощью Reactime:

https://medium.com/swlh/3-ways-to-analyze-react-performance-with-reactime-64f6cbbf330d

#react