How to render into any subtree in React
Next.js is very versatile compared to GatsbyJS or Create React App. This flexibility is very appealing as you can evolves your application architecture as requirements change.
Use Typescript ReturnType to reduce your Redux connect boilerplate
Instead of separating container-presenter components based on arbitrary rules, separate components into business components and UI components.
A custom hooks to declare state that will restore to its steady-state value after some delay. This will be useful when you want to show some UI element temporarily and then hide it after some delay.
Embracing graceful degradation in Gatsby site by providing fallback UI without JS with useLayoutEffect hooks
Using web component in React requires some boilerplates to make it work, trying to abstract that boilerplate has a limitation. With React hooks, it's much less boiletplate and the abstraction is no longer needed.
A note on my first technical talk on React. I find the act of preparing and delivering the talk satisfying.
There are a few design patterns of React component, and the easiest one is the Component-Presenter pattern, which is actually to separate mapping/states/transformation from the rendered content
Using typescript allow static typechecking and intellisense in your React application, and it is easy to get started.