what I learn

• useCallback() https://react.dev/reference/react/useCallback#parameters

• memo() https://react.dev/reference/react/memo

• useContext() https://react.dev/reference/react/useContext#usecontext

• useReducers() https://react.dev/reference/react/useReducer#usage

• lazyLoad https://react.dev/reference/react/lazy

• imagePerformance https://web.dev/learn/performance/image-performance

• axiosInstance https://axios-http.com/docs/instance

state management

• Jotai https://jotai.org/

Here are some reasons to migrate from CRA to Vite:

The project size is significantly smaller compared to CRA. CRA initial project: +300MB Vite: -100MB

Much faster performance due to the use of esbuild as the bundler, which is significantly faster than webpack.