Forwarded from Веб-страница
Немного о том, как работает виртуальный DOM в React
В React для каждого реального объекта DOM существует его виртуальная копия. В отличие от изменения реального DOM, виртуальный гораздо быстрее справляется со всеми изменениями.
Подробнее о то виртуальном DOM в React и о концепции виртуального DOM в целом читайте в статье:
https://tprg.ru/rKQn
#react
В React для каждого реального объекта DOM существует его виртуальная копия. В отличие от изменения реального DOM, виртуальный гораздо быстрее справляется со всеми изменениями.
Подробнее о то виртуальном DOM в React и о концепции виртуального DOM в целом читайте в статье:
https://tprg.ru/rKQn
#react
Forwarded from FrontEndDev
Современное руководство по паттернам состояний React
https://blog.logrocket.com/modern-guide-react-state-patterns/
https://blog.logrocket.com/modern-guide-react-state-patterns/
LogRocket Blog
The modern guide to React state patterns - LogRocket Blog
Learn today's options for managing state in React applications, including built-in hooks and third-party libraries like Redux and MobX.
Forwarded from Веб-страница
Как очистить асинхронные эффекты в React
При работе с асинхронным кодом в React могут возникать различные неприятные побочные эффекты, например, при изменении жизненного цикла компонента. В таких случаях могут возникнуть ошибки и неадекватное поведение кода.
Как этого избежать читайте в статье:
https://tprg.ru/uqE9
#react
При работе с асинхронным кодом в React могут возникать различные неприятные побочные эффекты, например, при изменении жизненного цикла компонента. В таких случаях могут возникнуть ошибки и неадекватное поведение кода.
Как этого избежать читайте в статье:
https://tprg.ru/uqE9
#react
Forwarded from Frontend Info
Как использовать React Testing Library для тестирования Storybook
https://medium.com/storybookjs/testing-lib-storybook-react-8c36716fab86
https://medium.com/storybookjs/testing-lib-storybook-react-8c36716fab86
Medium
How to efficiently reuse stories in your React tests
Storybook is a great tool to develop UI in isolation, we all know that. However, it’s not only suitable for component libraries, contrary…
Forwarded from Веб-страница
Планы по развитию React
Команда разработчиков React поделилась дальнейшими планами развития библиотеки. Среди них автоматическое пакетирование, новые API-интерфейсы и новое средство рендеринга.
Подробнее можете узнать в их блоге:
https://tprg.ru/xJO2
#react
Команда разработчиков React поделилась дальнейшими планами развития библиотеки. Среди них автоматическое пакетирование, новые API-интерфейсы и новое средство рендеринга.
Подробнее можете узнать в их блоге:
https://tprg.ru/xJO2
#react
Forwarded from Веб-страница
Современное руководство по паттернам состояний React
В этой статье вы можете подробнее узнать о состояниях в React, начнёте лучше в них разбираться, а также познакомитесь с современными паттернами состояний:
https://tprg.ru/yk8t
#react
В этой статье вы можете подробнее узнать о состояниях в React, начнёте лучше в них разбираться, а также познакомитесь с современными паттернами состояний:
https://tprg.ru/yk8t
#react
Forwarded from FrontEndDev
Путешествие в runtime - Event loop, layout, paint, composite, call stack
https://xnim.me/blog/javascript-browser-event-loop-layout-paint-composite-call-stack
https://xnim.me/blog/javascript-browser-event-loop-layout-paint-composite-call-stack
Топ-10 ошибок, которых нужно избегать, используя React
От прямого изменения состояния до перебора с Redux: https://proglib.io/w/def3546d
#react
От прямого изменения состояния до перебора с Redux: https://proglib.io/w/def3546d
#react
Forwarded from Frontend Info
Путь к увеличению производительности React приложения в 10 раз
https://medium.com/technogise/journey-of-improving-react-app-performance-by-10x-9195d4b483d4
https://medium.com/technogise/journey-of-improving-react-app-performance-by-10x-9195d4b483d4
Medium
Journey of Improving React App Performance by 10x
Ever got this “Aw! Snap” on your application? Tried to solve it? Did you just google it and find nothing but a “chrome issue” article…
Forwarded from FrontEndDev
Вышел React 18! Обзор новых фич и подробности.
https://blog.openreplay.com/react-18-is-out-this-is-what-you-need-to-know
https://blog.openreplay.com/react-18-is-out-this-is-what-you-need-to-know
Openreplay
React 18-Alpha Is Out! This Is What You Need to Know
React 18 has been announced, but what's new about it? Here are the details you need to know about this new version of React.
Forwarded from Веб-страница
Полное руководство по виртуальному DOM React
React использует реактивность при работе с DOM, что позволяет на лету обновлять данные страницы без необходимости её перезагрузки. Это знает каждый, кто изучал или изучает React. Но вы знаете, как именно работает этот механизм?
Это сложный, но интересный механизм, который позволяет нам сегодня видеть многие сайты такими, какие они есть. И об этом механизме подробно рассказано здесь:
https://tprg.ru/xDOT
#react
React использует реактивность при работе с DOM, что позволяет на лету обновлять данные страницы без необходимости её перезагрузки. Это знает каждый, кто изучал или изучает React. Но вы знаете, как именно работает этот механизм?
Это сложный, но интересный механизм, который позволяет нам сегодня видеть многие сайты такими, какие они есть. И об этом механизме подробно рассказано здесь:
https://tprg.ru/xDOT
#react
Архитектура React: как структурировать и организовать React приложение
https://www.taniarascia.com/react-architecture-directory-structure/
https://www.taniarascia.com/react-architecture-directory-structure/
Tania Rascia
How to Structure and Organize a React Application
There is no consensus on the right way to organize a React application. React gives you a lot of freedom, but with that freedom comes the…
Forwarded from Frontend Info
10 способов бесплатного размещения вашего React приложения
https://javascript.plainenglish.io/10-ways-to-host-your-react-app-for-free-cf91fe615177
https://javascript.plainenglish.io/10-ways-to-host-your-react-app-for-free-cf91fe615177
Medium
10 Ways to Host Your React App For Free
Here are the 10 services that provide free hosting for your React App.
Подборка React-библиотек на 2021
В последние месяцы появилось много новых инструментов для React-экосистемы. Отбираем самые лучшие: https://proglib.io/w/5a28c513
#react #tools #library
В последние месяцы появилось много новых инструментов для React-экосистемы. Отбираем самые лучшие: https://proglib.io/w/5a28c513
#react #tools #library
5 техник сплиттинга бандла и ленивой загрузки в React
Реальные примеры с использованием Webpack: https://proglib.io/w/32f612ee
#performance #react
Реальные примеры с использованием Webpack: https://proglib.io/w/32f612ee
#performance #react
Forwarded from КНИГИ: REACT, JS, ANGULAR, NODE, VUE
Mastering React Test-Driven Development
Автор: Daniel Irvine
Год издания: 2019
Скачать книгу pdf
Скачать книгу epub
#react #english
Автор: Daniel Irvine
Год издания: 2019
Скачать книгу pdf
Скачать книгу epub
#react #english
Forwarded from КНИГИ: REACT, JS, ANGULAR, NODE, VUE
React и Redux: функциональная веб-разработка
Автор: Бэнкс Алекс, Порселло Ева
Год издания: 2018
Скачать книгу
#react #русский
Автор: Бэнкс Алекс, Порселло Ева
Год издания: 2018
Скачать книгу
#react #русский
Forwarded from Senior Frontend - javascript, html, css
Gurufy облегчает изучение React.js разработки. Изучите React.js и его экосистему — быстро и очень легко.
Официальный сайт - https://gurufy.dev/
На данном сервисе экосистема React.js в процессе разработки. Тем не менее, основу уже можно начать изучать.
Официальный сайт - https://gurufy.dev/
На данном сервисе экосистема React.js в процессе разработки. Тем не менее, основу уже можно начать изучать.