Thanks for the article, but how would you dockerize the react app for production? I wrote about this : https://medium.com/p/85660be3956

Thanks for the article 👍 it seems you forgot to add the attribute in the code example for lazy loading?

I would advise also this post: Under the hood of React's hooks system https://the-guild.dev/blog/react-hooks-system

It is too close an example to the link : https://www.w3schools.com/react/react_usememo.asp Maybe you should use another example like: Factorial calculation.

under the center section we have .container{ display: flex; justify-content: flex-start | flex-end | center | space-between | space-around | space-evenly | start | end | left | right ... + safe | unsafe; } It would be better to add: .container{ display: flex; justify-content: center; } And do this for each section, it would be easier to follow

Did you use Typescript? React.FC<ButtonProps > This code says you do. In that case, we need to know how to have VS Code and React with typescript.

You said in the first pic we should get: . ├── src │ ├── index.html │ └── index.js ├── package.json └── webpack.config.js But it should be . ├── src │ ├── index.html │ └── index.js ├── package.json Webpack.config.js is added later on.

I don't really understand this part: After being pushed to DOM function changes when DOM updated. Could you rephrase it in better words and elaborate more with an example ?

You said: What's been added is the defServer key. But in the config file, it uses "devServer" instead. Typo ? Thanks for this good tutorial. It helps us to be able to understand how React was made :)