# Introduction

**react-loadable-ssr-addon** is a **`server side render`** add-on for [React Loadable](https://github.com/jamiebuilds/react-loadable) that helps you to load dynamically all files dependencies on demand.

>  E.g. `splitted chunks`, `css`, `json`, etc.

Oh yeah, and we also provide **support for** [**SRI (Subresource Integrity)**](https://developer.mozilla.org/en-US/docs/Web/Security/Subresource_Integrity) under of the hood.

> **Subresource Integrity** (SRI) is a security feature that enables browsers to verify that resources they fetch (for example, from a [CDN](https://developer.mozilla.org/en-US/docs/Glossary/CDN)) are delivered without unexpected manipulation. It works by allowing you to provide a cryptographic hash that a fetched resource must match.

###

### Minimum Requirements

In order to use **react-loadable-ssr-addon** you need to have:

| Tool                                                            | minimum version                    |
| --------------------------------------------------------------- | ---------------------------------- |
| [Node.js](https://nodejs.org/en/)                               | <p></p><p> <code>v4.2.4</code></p> |
| [Webpack](https://webpack.js.org/)                              | `v4.41.1`                          |
| [react-loadable](https://github.com/jamiebuilds/react-loadable) | all available versions             |

###

### Getting started

Follow the steps to make the magic happen:

1. [Install **react-loadable-ssr-addon**](https://themgoncalves.gitbook.io/react-loadable-ssr-aadon/getting-started/installation) on your project dependencies.
2. [Add our Webpack Plugin](https://themgoncalves.gitbook.io/react-loadable-ssr-aadon/getting-started/usage#webpack-plugin) to generate the assets manifest file.
3. [Hook it up on your HTTP Server](https://themgoncalves.gitbook.io/react-loadable-ssr-aadon/getting-started/usage#http-server) to enable dynamic loading of your file dependencies.