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.

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.