znck / lazy-hydration

Lazy Hydration for Vue SSR
https://lazy-hydration.herokuapp.com
MIT License
139 stars 4 forks source link
lazy-hydration


[![vue2](https://img.shields.io/badge/vue-2.x-brightgreen.svg)](https://vuejs.org/) [![NPM version](https://img.shields.io/npm/v/lazy-hydration.svg?style=flat)](https://npmjs.com/package/lazy-hydration) [![NPM downloads](https://img.shields.io/npm/dm/lazy-hydration.svg?style=flat)](https://npmjs.com/package/lazy-hydration)
## Introduction Lazy hydration for Vue SSR. > NOTE: This project uses [@znck/prop-types](https://github.com/znck/prop-types) which generates tree shakeable component prop definitions but it requires `process.env.NODE_ENV` to replaced with `"production"` to work effectively. See [@znck/prop-types](https://github.com/znck/prop-types#introduction)'s documentation to know more. ## Usage ### Installation ```shell npm install --save lazy-hydration ``` ### Examples ```js import Hydrate from 'lazy-hydration'; export default { ... components: { Hydrate } ... } ``` Examples of using Hydrate in a Vue component, which also documents the different options provided: ```html ``` Programmatic approach: ``` html ``` > **NOTE:** Consider BETA until v1.0 release. ## Prior Art - [vue-lazy-hydration](https://github.com/maoberlehner/vue-lazy-hydration) by Markus Oberlehner ## Contributing Please read [CONTRIBUTING.md](CONTRIBUTING.md) for details on our code of conduct, and the process for submitting pull requests to us. ## Versioning We use [SemVer](http://semver.org/) for versioning. For the versions available, see the [tags on this repository](https://github.com/znck/lazy-hydration/releases). ## Author **lazy-hydration** © [Rahul Kadyan](https://github.com/znck), Released under the [MIT](./LICENSE) License.
Authored and maintained by Rahul Kadyan with help from contributors ([list](https://github.com/znck/lazy-hydration-temp/contributors)). > [znck.me](https://znck.me) · GitHub [@Rahul Kadyan](https://github.com/znck) · Twitter [@znck0](https://twitter.com/@znck0)