ff-stream-web

commit e568588068933f128f04b239f70f453b59410633
parent 77e6457e64f2c9e7cd1d1f04de2e4c1b3421bcf6
Author: Konstantin Tarkus <koistya@gmail.com>
Date:   Tue, 19 May 2015 17:41:36 +0300

Merge pull request #115 from koistya/editors-manual

Add instruction on how to configure text editors and IDEs
Diffstat:
M
README.md
 | 
14
++++++++------
A
docs/how-to-configure-text-editors.md
 | 
34
++++++++++++++++++++++++++++++++++

2 files changed, 42 insertions(+), 6 deletions(-)
diff --git a/README.md b/README.md
@@ -15,12 +15,14 @@
 
 ### Documentation
 
-- [React Style Guide](./docs/react-style-guide.md)
-- Questions
-  - [Which module bundler should I use?](https://github.com/kriasoft/react-starter-kit/issues/3)
-  - [Which Flux implementation should I use?](https://github.com/kriasoft/react-starter-kit/issues/22)
-- Recipes
-  - [How to Integrate Disqus](./docs/recipes/how-to-integrate-disqus.md)
+ * **General**
+   - [React Style Guide](./docs/react-style-guide.md)
+   - [How to configure text editors and IDEs](./docs/how-to-configure-text-editors.md)
+ * **Questions**
+   - [Which module bundler should I use?](https://github.com/kriasoft/react-starter-kit/issues/3)
+   - [Which Flux implementation should I use?](https://github.com/kriasoft/react-starter-kit/issues/22)
+ * **Recipes**
+   - [How to Integrate Disqus](./docs/recipes/how-to-integrate-disqus.md)
 
 ### Directory Layout
 
diff --git a/docs/how-to-configure-text-editors.md b/docs/how-to-configure-text-editors.md
@@ -0,0 +1,34 @@
+## How to Configure Text Editors and IDEs for React.js
+
+> Tips and tricks on how to configure your favorite text editor or IDE to work
+> with React.js/ES6+/JSX.
+
+### WebStorm
+
+Create a new project based on React Starter Kit **project template**:
+
+![react-project-template-in-webstorm](https://dl.dropboxusercontent.com/u/16006521/react-starter-kit/webstorm-new-project.png)
+
+Enable **JSX** support for your project:
+
+![jsx-support-in-webstorm](https://dl.dropboxusercontent.com/u/16006521/react-starter-kit/webstorm-jsx.png)
+
+Configure JavaScript libraries for **auto-complete**:
+
+![javascript-libraries-in-webstorm](https://dl.dropboxusercontent.com/u/16006521/react-starter-kit/webstorm-libraries.png)
+
+Enable **ESLint** support:
+
+![eslint-support-in-webstorm](https://dl.dropboxusercontent.com/u/16006521/react-starter-kit/webstorm-eslint.png)
+
+Enable **CSSComb** by installing CSSReorder plug-in:
+
+![csscomb-in-webstorm](https://dl.dropboxusercontent.com/u/16006521/react-starter-kit/webstorm-csscomb.png)
+
+### Atom
+
+Coming soon.
+
+### SublimeText
+
+Coming soon.