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
​​Почему контекст не является инструментом для «управления состоянием»:

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

#react
​​Четыре странных трюка, чтобы прокачаться как Flexbox-инженер. Патрик Броссет показывает, как включить в DevTools для Edge 89 и Chrome 89 новые инструменты отладки флексов:

https://patrickbrosset.com/articles/2021-02-02-4-Weird-Tricks-To-Become-A-10x-Flexbox-Engineer/

#css
​​Принципы SOLID: единая ответственность в фреймворках JavaScript:

https://blog.logrocket.com/solid-principles-single-responsibility-in-javascript-frameworks/

#js
​​Сравнение 5 лучших библиотек React для анимации:

https://blog.logrocket.com/the-top-5-react-animation-libraries-compared/

#react
​​React Snapshot Testing с помощью Jest: введение с примерами

https://blog.asayer.io/react-snapshot-testing-with-jest-an-introduction-with-examples/

#react
​​Создаём собственные правила для ESLint:

https://tproger.ru/articles/sozdajom-sobstvennye-pravila-dlja-eslint/

#eslint
Какой метод компонента следует использовать для кастомной логики для реагирования на изменения?
Anonymous Quiz
57%
shouldComponentUpdate
5%
getSnapshotBeforeUpdate
35%
componentWillUpdate
3%
componentWillMount
​​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