twilio-labs · ktalebian · Oct 1, 2019 · Oct 1, 2019
diff --git a/CONTRIBUTORS.md b/CONTRIBUTORS.md
@@ -0,0 +1,15 @@
+# Contributors
+
+Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):
+
+<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->
+<!-- prettier-ignore -->
+<table>
+  <tr>
+    <td align="center"><a href="https://github.com/ahcai"><img src="https://avatars3.githubusercontent.com/u/4912483?v=4" width="100px;" alt="Alice Cai"/><br /><sub><b>Alice Cai</b></sub></a><br /><a href="https://github.com/twilio-labs/eslint-config-twilio/commits?author=ahcai" title="Code">💻</a> <a href="#ideas-ahcai" title="Ideas, Planning, & Feedback">🤔</a></td>
+    <td align="center"><a href="https://github.com/ktalebian"><img src="https://avatars2.githubusercontent.com/u/2308915?v=4" width="100px;" alt="Kousha Talebian"/><br /><sub><b>Kousha Talebian</b></sub></a><br /><a href="#ideas-ktalebian" title="Ideas, Planning, & Feedback">🤔</a> <a href="#review-ktalebian" title="Reviewed Pull Requests">👀</a></td>
+    <td align="center"><a href="https://github.com/theryankennedy"><img src="https://avatars3.githubusercontent.com/u/218683?v=4" width="100px;" alt="Ryan Kennedy"/><br /><sub><b>Ryan Kennedy</b></sub></a><br /><a href="#ideas-theryankennedy" title="Ideas, Planning, & Feedback">🤔</a></td>
+  </tr>
+</table>
+
+<!-- ALL-CONTRIBUTORS-LIST:END -->
diff --git a/README.md b/README.md
@@ -1,58 +1,32 @@
-# eslint-config-twilio
+# const TwilioStyle = () => {
 
 [![Status](https://travis-ci.com/twilio-labs/eslint-config-twilio.svg?branch=master)](https://travis-ci.com/twilio-labs/eslint-config-twilio)
 [![Version](https://img.shields.io/npm/v/eslint-config-twilio.svg?style=square)](https://www.npmjs.com/package/eslint-config-twilio)
 [![Downloads](https://img.shields.io/npm/dt/eslint-config-twilio.svg?style=square)](https://www.npmjs.com/package/eslint-config-twilio)
-[![License](https://img.shields.io/npm/l/eslint-config-twilio.svg?style=square)](../../LICENSE)
-[![All Contributors](https://img.shields.io/badge/all_contributors-3-orange.svg?style=flat-square)](#contributors)
+[![License](https://img.shields.io/npm/l/eslint-config-twilio.svg?style=square)](./LICENSE)
+[![All Contributors](https://img.shields.io/badge/all_contributors-3-orange.svg?style=flat-square)](./CONTRIBUTORS.md)
 
-This package provides Twilio's .eslintrc as an extensible shared config.
+This monorepo contains styling guide for:
 
-## Installation
-
-```bash
-$ npm install eslint-config-twilio --save-dev
-```
+* [JavaScript](./packages/eslint-config-twilio)
+* [React](./packages/eslint-config-twilio-react)
 
 ## Usage
 
-Add an ESLint config to your `package.json`:
-
-```json
-{
-	"name": "my-project",
-	"eslintConfig": {
-		"extends": "eslint-config-twilio"
-	}
-}
-```
-
-Or to `.eslintrc`:
+Please refer to the guides above for usage of each guide you want.
 
-```json
-{
-	"extends": "eslint-config-twilio"
-}
-```
+## Contributing
 
-## Contributors ✨
+Check out [CONTRIBUTING](CONTRIBUTING.md) for more information on how to contribute to this project.
 
-Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):
+## Contributors
 
-<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->
-<!-- prettier-ignore -->
-<table>
-  <tr>
-    <td align="center"><a href="https://github.com/ahcai"><img src="https://avatars3.githubusercontent.com/u/4912483?v=4" width="100px;" alt="Alice Cai"/><br /><sub><b>Alice Cai</b></sub></a><br /><a href="https://github.com/twilio-labs/eslint-config-twilio/commits?author=ahcai" title="Code">💻</a> <a href="#ideas-ahcai" title="Ideas, Planning, & Feedback">🤔</a></td>
-    <td align="center"><a href="https://github.com/ktalebian"><img src="https://avatars2.githubusercontent.com/u/2308915?v=4" width="100px;" alt="Kousha Talebian"/><br /><sub><b>Kousha Talebian</b></sub></a><br /><a href="#ideas-ktalebian" title="Ideas, Planning, & Feedback">🤔</a> <a href="#review-ktalebian" title="Reviewed Pull Requests">👀</a></td>
-    <td align="center"><a href="https://github.com/theryankennedy"><img src="https://avatars3.githubusercontent.com/u/218683?v=4" width="100px;" alt="Ryan Kennedy"/><br /><sub><b>Ryan Kennedy</b></sub></a><br /><a href="#ideas-theryankennedy" title="Ideas, Planning, & Feedback">🤔</a></td>
-  </tr>
-</table>
+Thanks goes to the wonderful people listed in [CONTRIBUTORS.md](CONTRIBUTORS.md).
 
-<!-- ALL-CONTRIBUTORS-LIST:END -->
-
-This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!
+This project follows the [all-contributors](https://github.com/kentcdodds/all-contributors) specification. Contributions of any kind welcome!
 
 ## License
 
-MIT
+Twilio Style is licensed under [MIT](LICENSE).
+
+# }
diff --git a/packages/eslint-config-twilio-react/README.md b/packages/eslint-config-twilio-react/README.md
@@ -0,0 +1,41 @@
+# eslint-config-twilio-react
+
+[![Status](https://travis-ci.com/twilio-labs/eslint-config-twilio-react.svg?branch=master)](https://travis-ci.com/twilio-labs/eslint-config-twilio-react)
+[![Version](https://img.shields.io/npm/v/eslint-config-twilio-react.svg?style=square)](https://www.npmjs.com/package/eslint-config-twilio-react)
+[![Downloads](https://img.shields.io/npm/dt/eslint-config-twilio-react.svg?style=square)](https://www.npmjs.com/package/eslint-config-twilio-react)
+[![License](https://img.shields.io/npm/l/eslint-config-twilio.svg-react?style=square)](../../LICENSE)
+
+Twilio's approach to React styling.
+
+## Installation
+
+```bash
+$ npm install eslint eslint-plugin-react eslint-config-twilio-react --save-dev
+```
+
+## Usage
+
+Add the ESLint config to either your `package.json` or your `.eslintrc`:
+
+### package.json
+
+```json
+{
+  "name": "my-project",
+  "eslintConfig": {
+    "extends": [
+      "eslint-config-twilio-react"
+    ]
+  }
+}
+```
+
+### .eslintrc
+
+```json
+{
+  "extends": [
+    "eslint-config-twilio-react"
+  ]
+}
+```
diff --git a/packages/eslint-config-twilio/README.md b/packages/eslint-config-twilio/README.md
@@ -0,0 +1,41 @@
+# eslint-config-twilio
+
+[![Status](https://travis-ci.com/twilio-labs/eslint-config-twilio.svg?branch=master)](https://travis-ci.com/twilio-labs/eslint-config-twilio)
+[![Version](https://img.shields.io/npm/v/eslint-config-twilio.svg?style=square)](https://www.npmjs.com/package/eslint-config-twilio)
+[![Downloads](https://img.shields.io/npm/dt/eslint-config-twilio.svg?style=square)](https://www.npmjs.com/package/eslint-config-twilio)
+[![License](https://img.shields.io/npm/l/eslint-config-twilio.svg?style=square)](../../LICENSE)
+
+Twilio's approach to JavaScript styling.
+
+## Installation
+
+```bash
+$ npm install eslint eslint-config-twilio --save-dev
+```
+
+## Usage
+
+Add the ESLint config to either your `package.json` or your `.eslintrc`:
+
+### package.json
+
+```json
+{
+  "name": "my-project",
+  "eslintConfig": {
+    "extends": [
+      "eslint-config-twilio"
+    ]
+  }
+}
+```
+
+### .eslintrc
+
+```json
+{
+  "extends": [
+    "eslint-config-twilio"
+  ]
+}
+```