# Render Caching
Initially, the idea was to look for a caching library which would allow us to cache the menu container. I found some libraries which looked very promising, unfortunately, they have not been updated in years and none of them work with React 16+.

Then, the ticket pivoted to finding solutions for server side code splitting, and/or prioritize web crawlers with SSR.

## Code Splitting
[Loadable component](https://loadable-components.com/) is the React recommended library for server side code splitting.
- Provides server side rendering
- Library splitting

For more information, look at the [SSR doc](https://loadable-components.com/docs/server-side-rendering/).

## Web Crawler prioritization

## Render caching libraries
- [Formidable - Rapscallion](https://github.com/FormidableLabs/rapscallion)
* Does not work with React 16.
- [React Component Caching](https://github.com/rookLab/react-component-caching)
* Does not work with React 16.
- [Walmart -- react-ssr-optimization](https://github.com/walmartlabs/react-ssr-optimization)
* Does not work with React 16.

## Further reading
Here's a great article on [scaling server side rendering](https://arkwright.github.io/scaling-react-server-side-rendering.html#the-situation) which describes different solutions to optimize SSR.