cssobj/docs/server-side-rendering.md

Runtime CSS manager, Turn CSS into dynamic JS module, Stylesheet CRUD (Create, Read, Update, Delete) in CSSOM, Solve common problems of CSS-in-JS, name space (local) class names

# Server Side Rendering

While **cssobj** <kbd>=</kbd> [cssobj-core](https://github.com/cssobj/cssobj-core) <kbd>+</kbd> [plugin-localize](https://github.com/cssobj/cssobj-plugin-localize) <kbd>+</kbd> [plugin-cssom](https://github.com/cssobj/cssobj-plugin-cssom)

For server rendering, replace **cssom** with **gencss**, that's not strictly indentical, but is the right config:

**Server Rendering** <kbd>=</kbd> [cssobj-core](https://github.com/cssobj/cssobj-core) <kbd>+</kbd> [plugin-localize](https://github.com/cssobj/cssobj-plugin-localize) <kbd>+</kbd> [plugin-gencss](https://github.com/cssobj/cssobj-plugin-gencss)

```Javascript
const cssobj_core = require('cssobj-core')
const cssobj_plugin_localize = require('cssobj-plugin-localize')
const cssobj_plugin_gencss = require('cssobj-plugin-gencss')

const cssobj = cssobj_core({
  plugins: [
    // order is important
    cssobj_plugin_localize({space: 'your_space_name', localNames: {}})  // will add result.mapClass prop etc.
    cssobj_plugin_gencss({indent:'\t', newLine: '\n'})  // will add result.css prop
  ]
})

// result.css is available
console.log(cssobj(your_obj1).css)
console.log(cssobj(your_obj2).css)

```

If you don't need localized class names (`result.mapSel` & `result.mapClass`), you should remove `cssobj_plugin_localize` lines in above.

**Notice** when you don't include `cssobj_plugin_localize` in your plugins, you **CANNOT** use `result.mapClass`, `result.mapSel`, `result.space`, `result.localNames`, since that 4 props was added by that plugin. Any call of the above 4 method/props will throw errors!


## Caveat

The generated CSS don't have auto prefixed, you should use [autoprefixer](https://github.com/postcss/autoprefixer) or some thing.