Rethinking hooks memoization

[stunstunstun]

Overview

import * as React from 'react';
import { Global, css } from '@emotion/react';

const NotoSansKR: React.FC = () => {
  return (
    <Global styles={css`
      @import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:400,700&display=swap&subset=korean');
    `} />
  );
};

const always = () => true;
export default React.memo(NotoSansKR, always);

https://github.com/devsisters/web-packages/blob/master/packages/gatsby-theme-emotion-webfonts/src/components/ko/NotoSansKR/index.tsx

References

• https://blog.logrocket.com/rethinking-hooks-memoization/
• https://medium.com/@kevinwkds/react-memorized-hook-usecallback-usememo-react-memo-d11da7ebb9cc