Next.js: First Impression
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.
Reduce redux-connect Typescript boilerplate
Use Typescript ReturnType to reduce your Redux connect boilerplate
Container-Presenter Pattern Revisited
Instead of separating container-presenter components based on arbitrary rules, separate components into business components and UI components.
Custom Hooks: useTransientState
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.
Provide Fallback UI with useLayoutEffect in Gatsby
Embracing graceful degradation in Gatsby site by providing fallback UI without JS with useLayoutEffect hooks
Using Web Component With React
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.
My First Tech Talk: Render Props & Higher Order Components
A note on my first technical talk on React. I find the act of preparing and delivering the talk satisfying.
React Patterns: Container-Presenter
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