Производительность рендеринга в React
Если у вас большое и сложное приложение на React, то вам стоит задуматься о производительности рендеринга. Т.к. при большом числе компонентов в виртуальном доме React часто делает лишнюю работу, обновляя ненужные компоненты.
Посмотрите некоторые советы по использованию чистых компонентов, работе с функцией shouldComponentUpdate и библиотекой Reselect - https://bit.ly/2BcAdAx
Если у вас большое и сложное приложение на React, то вам стоит задуматься о производительности рендеринга. Т.к. при большом числе компонентов в виртуальном доме React часто делает лишнюю работу, обновляя ненужные компоненты.
Посмотрите некоторые советы по использованию чистых компонентов, работе с функцией shouldComponentUpdate и библиотекой Reselect - https://bit.ly/2BcAdAx
Jem Space
Практический React: управляем рендерингом - производительность
Реальные проблемы и как их решить, за пять минут или быстрее. Проблема Вы используете Redux и решили добавить некоторые UI фичи или анимацию, но ваша производительность рендеринга оставляет желать лучшего. Все тормозит, и вы не знаете где фиксить. Предостережения:…
👍1
CSS Grid layout: умножай и властвуй — или как на самом деле работать с гридами
https://medium.freecodecamp.org/css-grid-layout-multiply-conquer-or-how-to-actually-design-using-the-grid-745dfc51e114
https://medium.freecodecamp.org/css-grid-layout-multiply-conquer-or-how-to-actually-design-using-the-grid-745dfc51e114
freeCodeCamp.org
CSS Grid layout: multiply & conquer — or how to actually design using The Grid.
You can Follow me on Twitter to get tutorials, JavaScript tips, etc.
React's Render Props Pattern — потомок в качестве функции
https://www.robinwieruch.de/react-render-props-pattern/
https://www.robinwieruch.de/react-render-props-pattern/
“SVG Filters: The Crash Course” — интенсив от Sara Soueidan
https://www.sarasoueidan.com/blog/svg-filters/
https://www.sarasoueidan.com/blog/svg-filters/
Sarasoueidan
SVG Filters: The Crash Course
– The personal website of Sara Soueidan, inclusive design engineer
Ускорение разработки с помощью прототипирования на Vue
https://medium.com/js-dojo/speed-up-development-with-prototyping-and-vue-94ee0a881f0e
https://medium.com/js-dojo/speed-up-development-with-prototyping-and-vue-94ee0a881f0e
Medium
Speed Up Development with Prototyping and Vue
Have you ever worked on a project that got away from you? We can use Vue to build prototypes quickly, so you can get your ideas out there.
Forwarded from Web Stack
Александр Майоров показывает и рассказывает как решить задачу с переворачиванием строки на JS/ES6.
https://medium.com/@frontman/cbc91eda732f
https://medium.com/@frontman/cbc91eda732f
Medium
Fun ES #5: перевернуть строку
Задачки с собеседований. Сборник решений
Исправляем проблемы области видимости переменной в ECMAScript 6
https://alistapart.com/article/fixing-variable-scope-issues-with-ecmascript-6
https://alistapart.com/article/fixing-variable-scope-issues-with-ecmascript-6
Alistapart
Fixing Variable Scope Issues with ECMAScript 6
JavaScript has always had some tricky issues with variable scope. ECMAScript 6 gives developers more control over this.
lazyestload.js — загружает изображения, только если оно появляется во вьюпорте, всего 350 байт js кода
https://github.com/Paul-Browne/lazyestload.js
https://github.com/Paul-Browne/lazyestload.js
GitHub
GitHub - Paul-Browne/lazyestload.js: load images only when they are in (and remain in) the viewport
load images only when they are in (and remain in) the viewport - Paul-Browne/lazyestload.js
Новый эксперимент Mozilla: расширение Firefox Advance, которое анализирует историю сетевой активности для подбора потенциально интересных сайтов и статей
https://itc.ua/news/novyiy-eksperiment-mozilla-rasshirenie-firefox-advance-kotoroe-analiziruet-istoriyu-setevoy-aktivnosti-dlya-podbora-potentsialno-interesnyih-saytov-i-statey/
https://itc.ua/news/novyiy-eksperiment-mozilla-rasshirenie-firefox-advance-kotoroe-analiziruet-istoriyu-setevoy-aktivnosti-dlya-podbora-potentsialno-interesnyih-saytov-i-statey/
ITC.ua
Новый эксперимент Mozilla: расширение Firefox Advance, которое анализирует историю сетевой активности для подбора потенциально…
Компания Mozilla запускает экспериментальное расширение для браузера Firefox под названием Advance, которое рекомендует пользователям новые веб-страницы в зависимости от их предпочтений, а также истории недавних просмотров. Расширение имеет два раздела, представленных…
PRPL шаблон для прогрессивных веб-приложений с помощью Angular 6+
https://itnext.io/the-prpl-pattern-for-progressive-web-applications-using-angular-6-f7237b7dc2a7
https://itnext.io/the-prpl-pattern-for-progressive-web-applications-using-angular-6-f7237b7dc2a7
Как работает JS: пользовательские элементы
https://habr.com/company/ruvds/blog/419831/.com.govorim-o-ta
https://habr.com/company/ruvds/blog/419831/.com.govorim-o-ta
Автоматическая смена цвета текста для различных фонов с помощью переменных CSS
https://css-tricks.com/switch-font-color-for-different-backgrounds-with-css/
https://css-tricks.com/switch-font-color-for-different-backgrounds-with-css/
CSS-Tricks
Switch font color for different backgrounds with CSS | CSS-Tricks
Ever get one of those, "I can do that with CSS!" moments while watching someone flex their JavaScript muscles? That’s exactly the feeling I got while watching
Обеспечение повсеместного доступа к веб-сайтам делает их менее доступными
https://meyerweb.com/eric/thoughts/2018/08/07/securing-sites-made-them-less-accessible/
https://meyerweb.com/eric/thoughts/2018/08/07/securing-sites-made-them-less-accessible/
meyerweb.com
Securing Web Sites Made Them Less Accessible
The web home of Eric A. Meyer, CSS guy; and his wife Kathryn, doctor of nursing.