https://github.com/cristianoliveira/react-need-for-speed

A talk about metrics analysing, tools and best practices for performance optimisation
https://github.com/cristianoliveira/react-need-for-speed

Last synced: 7 months ago
JSON representation

A talk about metrics analysing, tools and best practices for performance optimisation

• Host: GitHub
• URL: https://github.com/cristianoliveira/react-need-for-speed
• Owner: cristianoliveira
• License: mit
• Created: 2019-02-03T13:33:06.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2019-04-24T05:12:36.000Z (over 6 years ago)
• Last Synced: 2025-01-17T18:00:43.713Z (9 months ago)
• Homepage:
• Size: 49.6 MB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# React to the need for speed

A talk about metrics, analyse, tools and best practices for performance optimisation in React.

### Abstract

Let's face it: We don't really care that much about performance till it's too late. Why does this happen? Well, we work with top-notch machines with the latest CPU and 16GB of memory + fast internet which means we don't actually experience our apps as our users do. Do you know that page we noticed rendering slowly only in the last week? Spoiler alert: For the users, it has been like this since they signed up (if they did).

In this talk, the audience will walk away with a better understanding of why we have some best practices and how to debug performance in their React apps using modern tools, based on real-life examples and common pitfalls.

### Takeaways

- How did we get here?

- Performance in the Front end world?

- When should we care about performance? Because: "Premature optimisation is the root of all evil"

- How to approach measuring and metrics?

- Tools for measuring and automating performance budgets.

- Understanding the reconciliation and why bad practices hurt its algorithm

- Best practices for React and it's relation with DOM

- What is new on React for performance optimisation debugging

- Real cases at SumUp of performance optmization: what we did right and wrong? Common pitfalls.

- Demo Let's apply the concepts in a real app! (Because why not?)