Sanjaiyan Parthipan

Using new `useInsertionEffect`.

2

Hi, I thought to use new [`useInsertionEffect`](https://reactjs.org/docs/hooks-reference.html#useinsertioneffect) for `` component hence it used to toggle CSS efficiently where previously we used `useLayoutEffect`. ```jsx // Dummy component that we render as...

Optimize `<SideEffect />` component ✈

1

Hi, Optimizing `` component by wrapping `emitChange` function in `useCallback` and memoizing the component. _Extremely sorry if I made any issue :(_

Memoize using `React.memo`

2

Memoizing some components using `React.memo` which might improve performance. _Sorry if I made any mistakes :(_

Adding Script component for inline script :)

5

Using `` component from `next/script` for inline colour mode script.

Lazy loading deferred components to improve the load time 🚀⌚🚀

6

Dynamically importing deferred components. _Extremely sorry if I made any mistakes_

Adding meta theme-colour for nicer UI :)

1

Adding Extremely sorry if I made any mistakes :( _Corrected version of #4805_

Ref-: https://github.com/vuejs/docs/pull/1870 I choosed `#3c8772` as a theme-color hence it looks nice in dark mode and white mode too, and that colour in presents in VitePress logo too.

Adding transition (concurrent) to route changes 🎉

4

This PR is heavily inspired from [new `Next js` Layout RFC](https://nextjs.org/blog/layouts-rfc). This update would improve [Interaction on Next Paint](https://vercel.com/blog/improving-interaction-to-next-paint-with-react-18-and-suspense) and uses new concurrent feature :) _Sorry if I made any...

Opimize functions by memoizing 🚅

3

Memoizing the functions using [`useCallback`](https://reactjs.org/docs/hooks-reference.html#usecallback) _Sorry if I made any mistakes :(_

I choosed `#729b1a` as a theme-color hence it looks nice in dark mode and white mode too, and that colour in presents in Vitest js logo too. Ref-: https://github.com/vuejs/docs/pull/1870