Redux performance

Good practices + Developer Tools tips and tricks

by @coderitual

AGENDA

• Application performance
• Find the guilty
• Showtime
• Case study
• Tools

Application Performance

Find the guilty

Network vs Browser

Network

Network (Timeline)

Application Tick

Showtime

Case study

Tools

Chrome Developer Tools

React Developer Tools

Redux Developer Tools

React Performance Libraries:

react-addons-perf, why-did-you-update

React Performance Profiling by react_perf flag

Links

Chrome Developer Tools Documentation

Web Fundamentals

Paul Lewis blog

Das Surma blog

Jake Archibald blog

Thanks

@coderitual