React component and optimization best practices in general

[vbfox]

I was expecting the chapter about react to go deeper into the optimizations possible with using memo and components in general (Well ok maybe it's because it's me). With maybe an introduction to the React dev tools.

I was also expecting key in the react todo list example, as it's introduced pretty late it would be a perfect place to show ofList, key and a few components for each part of the view.

[rommsen]

I was expecting the chapter about react to go deeper into the optimizations possible with using memo and components in general

I was expecting this from your third blog post. Haha, sorry Julien I could not resist 😜

[vbfox]

/me Hiding under a rock

[Zaid-Ajaj]

Current road map is as follows:

• Chapter 4: Multi-Page Applications covering (obviously) mutlti-page programs, breaking down state and user interface, parent-child communications, routing, navigation and different componentization techniques, one of which will be to use internal state with functional React components.

• Chapter 5: Leveraging Webpack covering a bunch of things made possible by webpack such as hot module replacement, static files compilation such as images, compiling sass/less, some loaders possibly and exploring a more complex webpack config

I think chapter 4 will be an appropriate place to introduce React optimizations and avoiding unnecessary diffing, especially with render functions that need to execute potentially expensive computations.

Later on some other sections can be added such as how to profile these components and what someone should look for (basically your workshop :wink:)

I am planning on making the book public after chapter 4 (of course also polishing the rest of the chapters), hopefully I can focus all my OSS time into this thing and publish it sometime before the end of this year