High Performance and Stable React Applications

Updated: April, 2020

It’s been five years since I started working with React. I am now in my 6th production application using React. It has matured a lot and it's really stable and really fun to use. I started using React + Flux, then I moved to React + Redux, I am now in plain old React with a custom implementation of a memory store.

When I first started using React + Redux, I quickly came to realize that Redux wasn't scaling very well. It created a lot of complexity in my code that wasn't necessary. Long term, production bugs became really hard to pinpoint and I only had a couple of thousands of users.

When it came to my views, I did not want to end up like Airbnb. If you ever used the Airbnb web app you will notice how buggy and slow that applications is. From the way the app renders I can easily notice that they tried to render the route inside a template and that eventually became a disaster. If it were me, I will redo the entire web App.

My current users are really old school, old phones, old computers, and really outdated browsers so I needed to maximize rendering performance. After several iterations I eventually came up with mixing ES6 classes with templates.

It has a pre built template with 4 rendering methods. renderBody, renderHeader, renderFooter, and…