<commit_before># React Free Style

[![NPM version][npm-image]][npm-url]
[![NPM downloads][downloads-image]][downloads-url]
[![Build status][travis-image]][travis-url]
[![Test coverage][coveralls-image]][coveralls-url]

**React Free Style** is designed to combine the benefits of [Free Style](https://github.com/blakeembrey/free-style) with [React.js](https://github.com/facebook/react) by automatically managing the style state of React components and updating `<style />`. This even works with server-side rendering.

## Why?

Check out why you should be [doing CSS in JS](https://github.com/blakeembrey/free-style#why). This module exposes the API directly to React.js.

**Even more improvements with React Free Style**

* Modular React.js components (automatically namespaced CSS)
* Fast renders with automatic style mounting (outputs only the styles on page)
* Supports isomorphic applications

## Installation

```
npm install react-free-style --save
```

## Usage

```js
// Create a style instance for the component.
var Style = require('react-free-style').create()

// Register some styles.
var TEXT_STYLE = Style.registerStyle({
  backgroundColor: 'red'
})
<commit_msg>update note on isomorphic applications<commit_after># React Free Style

[![NPM version][npm-image]][npm-url]
[![NPM downloads][downloads-image]][downloads-url]
[![Build status][travis-image]][travis-url]
[![Test coverage][coveralls-image]][coveralls-url]

**React Free Style** is designed to combine the benefits of [Free Style](https://github.com/blakeembrey/free-style) with [React.js](https://github.com/facebook/react) by automatically managing the style state of React components and updating `<style />`. This even works with server-side rendering.

## Why?

Check out why you should be [doing CSS in JS](https://github.com/blakeembrey/free-style#why). This module exposes the API directly to React.js.

**Even more improvements with React Free Style**

* Modular React.js components (automatically namespaced CSS)
* Fast renders with automatic style mounting (outputs only the styles on page)
* Supports isomorphic applications by default

## Installation

```
npm install react-free-style --save
```

## Usage

```js
// Create a style instance for the component.
var Style = require('react-free-style').create()

// Register some styles.
var TEXT_STYLE = Style.registerStyle({
  backgroundColor: 'red'
})

{'fraction_non_alphanumeric': 0.12887029288702928, 'fraction_numerical': 0.0, 'mean_word_length': 5.146529562982005, 'pattern_counts': {'":': 0, '<': 5, '<?xml version=': 0, '>': 5, 'https://': 6, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 6, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2158331', 'n_tokens_mistral': 704, 'n_tokens_neox': 684, 'n_words': 238}