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

Introduction to React with Typescript

Using typescript allow static typechecking and intellisense in your React application, and it is easy to get started.