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
​​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
​​Что такое @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