I like how the people in replies to the top tweet seem to get angry at someone implying that React is not great.
Netflix: Removing client-side React.js improved performance by 50%
11–20 of 172 posts
Re: Netflix: Removing client-side React.js improved performance by 50%
#12Today we learned: Removing an advanced library from a simple project increases performance. Sorry for being sarcastic but don't you also find this too obvious?
Re: Netflix: Removing client-side React.js improved performance by 50%
#13Re: Netflix: Removing client-side React.js improved performance by 50%
#14Today we learned: Removing an advanced library from a simple project increases performance. Sorry for being sarcastic but don't you also find this too obvious?
Re: Netflix: Removing client-side React.js improved performance by 50%
#15This project did not go well. It took months to develop, has 0 test coverage, numerous bugs and doesn't work on edge or IE and isn't rendered on the server so it's a bad experience.
Everyone on the team was either fired or quit less than 6 months after it launched.
After evaluating the level of effort it would take to get the code base in a maintainable state, it was decided to migrate it over to a more traditional stack (plain js, static html, html forms) and that was completed in less than 2 weeks. Customer metrics across the board also improved.
The lesson here is to use the appropriate technology for the appropriate problem. Unless your application is very complex, requires real-time updates and you can afford the extra maintenance costs -- react is probably the wrong choice.
Re: Netflix: Removing client-side React.js improved performance by 50%
#16Re: Netflix: Removing client-side React.js improved performance by 50%
#17Today we learned: Removing an advanced library from a simple project increases performance. Sorry for being sarcastic but don't you also find this too obvious?
I was thinking about the same thing. Well, you can remove CSS as well, I bet it would improve the performance.
Re: Netflix: Removing client-side React.js improved performance by 50%
#18Earlier quoted context omitted.
I was thinking about the same thing. Well, you can remove CSS as well, I bet it would improve the performance.
Go next level: Remove the whole browser and make a native application - gain even more performance!
Re: Netflix: Removing client-side React.js improved performance by 50%
#19Earlier quoted context omitted.
In the talk they say they are still using react server side to make this mostly static page. I suppose with some cache in front of it though.
So basically they write React in front-end, then use react-renderer to generate static HTML and then serve it from back-end? Seems like with this speed JS frameworks are going full-circle back to back-end rendering soon enough.
And so the cycle continues, with old ideas dusted off or rediscovered, the original flaws in them rediscovered, the reaction to those flaws, traveling well-trodden paths, then the reaction to the reaction, "best practices" shaking out, an explosion of complexity, and then someone burns down the baroque cathedral of ideas with, if we're lucky, a slightly less flawed version of the original old idea.
I've now done ASP.NET long enough to see WebForms come in, reach high tide, recede before the new hotness of MVC, MVC decline in favor of WebApi with monstrosities of JS frameworks in front of it, and now Razor Pages are coming back in as a simpler alternative, with concepts that an old WebForms developer from fifteen years ago wouldn't raise an eyebrow at.
Re: Netflix: Removing client-side React.js improved performance by 50%
#20Today we learned: Removing an advanced library from a simple project increases performance. Sorry for being sarcastic but don't you also find this too obvious?
I think it's the 50% part that we're meant to pay attention to. For me that's a pretty drastic, "why would you ever put this on the client side now that you know this" kind of thing.