Практическое введение во внедрение зависимостей (Dependency Injection):
https://webdevblog.ru/prakticheskoe-vvedenie-vo-vnedrenie-zavisimostej-dependency-injection/
#js
https://webdevblog.ru/prakticheskoe-vvedenie-vo-vnedrenie-zavisimostej-dependency-injection/
#js
5 JavaScript инструментов, на которые стоит обратить внимание:
https://www.sitepoint.com/javascript-tools-to-look-out-for/
#js
https://www.sitepoint.com/javascript-tools-to-look-out-for/
#js
Код на React и TypeScript, который работает быстро.
https://habr.com/ru/company/yandex/blog/536682/
#react #ts
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
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://www.digitalsilk.com/how-to-speed-up-mobile-site
#performance
Почему контекст не является инструментом для «управления состоянием»:
https://habr.com/ru/post/539346/
#react
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
https://patrickbrosset.com/articles/2021-02-02-4-Weird-Tricks-To-Become-A-10x-Flexbox-Engineer/
#css
Анимация для CSS Gradient Border:
https://www.bram.us/2021/01/29/animating-a-css-gradient-border/
#css
https://www.bram.us/2021/01/29/animating-a-css-gradient-border/
#css
Перерисовывает ли React всё view когда изминелись props или состояние?
Anonymous Quiz
25%
Да. React всегда распространяет событие на все дерево компонентов, и они вызывают метод render.
75%
Нет. React повторно рендерит только измененный компонент.
Принципы SOLID: единая ответственность в фреймворках JavaScript:
https://blog.logrocket.com/solid-principles-single-responsibility-in-javascript-frameworks/
#js
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
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
https://blog.asayer.io/react-snapshot-testing-with-jest-an-introduction-with-examples/
#react
Какой тип цикла самый быстрый в JavaScript?
https://medium.com/javascript-in-plain-english/which-type-of-loop-is-fastest-in-javascript-ec834a0f21b9
#js
https://medium.com/javascript-in-plain-english/which-type-of-loop-is-fastest-in-javascript-ec834a0f21b9
#js
Создаём собственные правила для ESLint:
https://tproger.ru/articles/sozdajom-sobstvennye-pravila-dlja-eslint/
#eslint
https://tproger.ru/articles/sozdajom-sobstvennye-pravila-dlja-eslint/
#eslint
Какой метод компонента следует использовать для кастомной логики для реагирования на изменения?
Anonymous Quiz
57%
shouldComponentUpdate
5%
getSnapshotBeforeUpdate
35%
componentWillUpdate
3%
componentWillMount
Создаем профиль Github README:
https://medium.com/javascript-in-plain-english/how-to-create-an-awesome-github-profile-readme-a474d5b45645
#github
https://medium.com/javascript-in-plain-english/how-to-create-an-awesome-github-profile-readme-a474d5b45645
#github
Интерактивное руководство по CSS Transitions:
https://www.joshwcomeau.com/animation/css-transitions/
#css
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
Разбираемся, как рассчитываются ширина и высота блока в зависимости от различных комбинаций свойств в CSS:
https://css-tricks.com/exploring-the-complexities-of-width-and-height-in-css/
#css