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
​​Практическое введение во внедрение зависимостей (Dependency Injection):

https://webdevblog.ru/prakticheskoe-vvedenie-vo-vnedrenie-zavisimostej-dependency-injection/

#js
​​5 JavaScript инструментов, на которые стоит обратить внимание:

https://www.sitepoint.com/javascript-tools-to-look-out-for/

#js
​​Код на React и TypeScript, который работает быстро.

https://habr.com/ru/company/yandex/blog/536682/

#react #ts
​​Front-End Performance Checklist 2021. Всеобъемлющий чеклист производительности от Виталия Фридмана.

https://www.smashingmagazine.com/2021/01/front-end-performance-2021-free-pdf-checklist/

#performance
​​Как ускорить работу мобильного сайта за 5 шагов + инструменты для тестирования скорости мобильного сайта:

https://www.digitalsilk.com/how-to-speed-up-mobile-site

#performance
​​Почему контекст не является инструментом для «управления состоянием»:

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