Facebook released a rewrite of a large portion of React last week. React 16 has been much anticipated, and the new Fiber rendering pipeline allows for a lot of performance improvements. While the React team has diligently deprecated methods and packages throughout the last version, warning us strongly in console statements to upgrade, the actual final migration is not trivial for larger codebases. Discord just launched their React 16 based app and wanted to share their experience and some tips we learned along the way.
When it comes to structuring a React app, the ideal structure is the one that allows you to move around your code with the least amount of effort.
In this post, David tells you how he structures his React apps, and what drove his decisions. Along the way he'll mention some options he doesn't use because they don’t suit him, but that might serve you well.
React was open sourced in 2013. Since then, it has evolved. As you search the web, you’ll stumble across old posts with dated approaches. So, here are the key decisions you need to make before writing your first React component today.
There's a war going on again Higher Order Components, and it's justified. In this post David talks about why he's breaking up with HOCs and instead writing declarative, readable and flexible React components using render props.