<commit_before># ECMAScript 6 React Card Component [![Build Status](https://travis-ci.org/aaronkaka/es6-react-component.svg?branch=master)](https://travis-ci.org/aaronkaka/es6-react-component)

![Image](https://cloud.githubusercontent.com/assets/1950683/13100443/594fa604-d4fa-11e5-8042-77dc6b77280a.jpg?raw=true "screenshot")

**React and ReactDOM (v0.14 or v15) are external dependencies required to use this component.**

## Goals

Card web component written with ES6 modules, classes, and syntax using [React](http://facebook.github.io/react) to 
achieve the following goals:

- Reusable and responsively-designed; just drop into DOM node
- Event all interaction
- External styling is bundled with and scoped to the component; targets Bootstrap 3
- Cross-browser for modern browsers [no IE]; thus no style scoped attribute or Shadow DOM encapsulation
- Internationalization using React Intl (thanks to @deepak2510)

[no IE] Uses the native CustomEvent constructor that no version of IE supports (MS Edge does!). This choice was made to 
reduce complexity and encourage adherence to web standards - add the polyfill if needed.

## Toolchain

- [Node.js](http://nodejs.org) v4+
- [webpack](https://webpack.github.io/)
    - Bundle javascript, styles and icon
    - Babel 6 transpiles ES6 and JSX
    - ESLint as configured in .eslintrc

Recommendation: If you are using different node versions on your machine, use [nvm](https://github.com/creationix/nvm) 
to manage them.

## Polyfill.io Service

Use the following [Intl.js](https://github.com/andyearnshaw/Intl.js/) polyfill for Safari, which is the only modern 
browser to not yet implement the ECMAScript Internationalization API:

```html
<script src="https://cdn.polyfill.io/v2/polyfill.js?features=Intl.~locale.en,Intl.~locale.fr"></script>
```
<commit_msg>docs: Update README.md.<commit_after># ECMAScript 6 React Card Component [![Build Status](https://travis-ci.org/aaronkaka/es6-react-component.svg?branch=master)](https://travis-ci.org/aaronkaka/es6-react-component)

![Image](https://cloud.githubusercontent.com/assets/1950683/13100443/594fa604-d4fa-11e5-8042-77dc6b77280a.jpg?raw=true "screenshot")

**React and ReactDOM are external dependencies required to use this component.**

## Goals

Card web component written with ES6 modules, classes, and syntax using [React](http://facebook.github.io/react) to 
achieve the following goals:

- Reusable and responsively-designed; just drop into DOM node
- External styling is bundled with and scoped to the component; targets Bootstrap 3
- Cross-browser for modern browsers [no IE]; thus no style scoped attribute or Shadow DOM encapsulation
- Internationalization using React Intl (thanks to @deepak2510)

[no IE] Uses the native CustomEvent constructor that no version of IE supports (MS Edge does!). This choice was made to 
reduce complexity and encourage adherence to web standards - add the polyfill if needed.

## Toolchain

- [Node.js](http://nodejs.org) v4+
- [webpack](https://webpack.github.io/)
    - Bundle javascript, styles and icon
    - Babel 6 transpiles ES6 and JSX
    - ESLint as configured in .eslintrc

Recommendation: If you are using different node versions on your machine, use [nvm](https://github.com/creationix/nvm) 
to manage them.

## Polyfill Service

Use the following [Intl.js](https://github.com/andyearnshaw/Intl.js/) polyfill for Safari, which is the only modern 
browser to not yet implement the ECMAScript Internationalization API:

```html
<script src="https://cdn.polyfill.io/v2/polyfill.js?features=Intl.~locale.en,Intl.~locale.fr"></script>
```

{'fraction_non_alphanumeric': 0.10722222222222222, 'fraction_numerical': 0.029166666666666667, 'mean_word_length': 4.7432216905901115, 'pattern_counts': {'":': 0, '<': 7, '<?xml version=': 0, '>': 7, 'https://': 14, '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': '1904835', 'n_tokens_mistral': 1169, 'n_tokens_neox': 1078, 'n_words': 364}