Advanced React – Virtual DOM And Performance

Advanced React ? Virtual DOM And Performance

By: Vitali Zaidman

Medium: @vzaidman Twitter: vzaidman GitHub: vzaidman Email: vzaidman@

Web Architect and Blogger at Welldone Software

? Work with React since it was released ? Worked a lot on performance ? Creator and (almost) the sole maintainer of why-did-you-render

Premature Optimization

Performance is a feature!

Performance Matters!

In a study made by Google: ? Pinterest increased search engine traffic and sign-ups by 15% when they

reduced perceived wait times by 40% ? COOK increased conversions by 7%, decreased bounce rates by 7%, and

increased pages per session by 10% when they reduced average page load time by 850 milliseconds

* Make sure your product department is aware of this.

Performance In General

? Consider simulating the environment your users actually use in the real world. Remember that your machine is probably much stronger then that of your average user.

? Consider measuring performance and assigning a score to different versions. It's not easy but it's very valuable to find out if: ? Performance actually improves. ? You work on the most acute issues.

? Performance optimizations would come naturally to you once you understand the processes of your application in depth.

 ................
................

In order to avoid copyright disputes, this page is only a partial summary.

Google Online Preview   Download