<commit_before># dscript-react
[![NPM version](https://badge.fury.io/js/dscript-react.svg)](https://badge.fury.io/js/dscript-react) [![Build Status](https://travis-ci.org/dustinspecker/dscript-react.svg)](https://travis-ci.org/dustinspecker/dscript-react) [![Coverage Status](https://img.shields.io/coveralls/dustinspecker/dscript-react.svg)](https://coveralls.io/r/dustinspecker/dscript-react?branch=master)

[![Code Climate](https://codeclimate.com/github/dustinspecker/dscript-react/badges/gpa.svg)](https://codeclimate.com/github/dustinspecker/dscript-react) [![Dependencies](https://david-dm.org/dustinspecker/dscript-react.svg)](https://david-dm.org/dustinspecker/dscript-react/#info=dependencies&view=table) [![DevDependencies](https://david-dm.org/dustinspecker/dscript-react/dev-status.svg)](https://david-dm.org/dustinspecker/dscript-react/#info=devDependencies&view=table)

> [dscript](https://github.com/dustinspecker/dscript) with [React](https://facebook.github.io/react/) setup done for you

**Check out [dscript](https://github.com/dustinspecker/dscript) for documentation on more advanced usage.**

## Install
```
npm install --save dscript-react
```

## Usage
```javascript
import creator, {div, li, ul} from 'dscript-react'

import customComponent from './custom-component'

const customComponentCreator = creator(customComponent)

const handleClick = () => alert('hi')

export default props =>
  div('.list-container', {onClick: handleClick}, [
    customComponentCreator({total: props.total}),
    ul(
      props.items.map(item =>
        li([item.name])
      )<commit_msg>style(readme): add new line between badges<commit_after># dscript-react
[![NPM version](https://badge.fury.io/js/dscript-react.svg)](https://badge.fury.io/js/dscript-react)
[![Build Status](https://travis-ci.org/dustinspecker/dscript-react.svg)](https://travis-ci.org/dustinspecker/dscript-react)
[![Coverage Status](https://img.shields.io/coveralls/dustinspecker/dscript-react.svg)](https://coveralls.io/r/dustinspecker/dscript-react?branch=master)

[![Code Climate](https://codeclimate.com/github/dustinspecker/dscript-react/badges/gpa.svg)](https://codeclimate.com/github/dustinspecker/dscript-react)
[![Dependencies](https://david-dm.org/dustinspecker/dscript-react.svg)](https://david-dm.org/dustinspecker/dscript-react/#info=dependencies&view=table)
[![DevDependencies](https://david-dm.org/dustinspecker/dscript-react/dev-status.svg)](https://david-dm.org/dustinspecker/dscript-react/#info=devDependencies&view=table)

> [dscript](https://github.com/dustinspecker/dscript) with [React](https://facebook.github.io/react/) setup done for you

**Check out [dscript](https://github.com/dustinspecker/dscript) for documentation on more advanced usage.**

## Install
```
npm install --save dscript-react
```

## Usage
```javascript
import creator, {div, li, ul} from 'dscript-react'

import customComponent from './custom-component'

const customComponentCreator = creator(customComponent)

const handleClick = () => alert('hi')

export default props =>
  div('.list-container', {onClick: handleClick}, [
    customComponentCreator({total: props.total}),
    ul(
      props.items.map(item =>
        li([item.name])
      )
{'fraction_non_alphanumeric': 0.17975783918037877, 'fraction_numerical': 0.0, 'mean_word_length': 5.575510204081633, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 11, 'https://': 30, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2513041', 'n_tokens_mistral': 1127, 'n_tokens_neox': 1071, 'n_words': 131}