archive-gh-me/generator-react-webpack
1
0
Fork 0
mirror of https://github.com/react-webpack-generators/generator-react-webpack.git synced 2025-12-08 18:01:59 +00:00
Code Issues Projects Releases Wiki Activity

Merge pull request #101 from AnSavvides/patch-1

Browse Source 
Better syntax highlighting in README
This commit is contained in:
Simon Bailey 2015-05-25 17:18:29 +01:00
commit 324cc45d3f
1 changed files with 11 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
README.md
View File

@ -58,7 +58,7 @@ yo react-webpack:component foo //or just: yo react-webpack:c foo
``` ```
Produces `src/components/Foo.js` (*javascript - JSX*): Produces `src/components/Foo.js` (*javascript - JSX*):
``` ```js
'use strict'; 'use strict';
var React = require('react/addons'); var React = require('react/addons');
@ -79,7 +79,7 @@ module.exports = Foo;
``` ```
And `test/spec/components/Foo.js` (*javascript - jasmine*): And `test/spec/components/Foo.js` (*javascript - jasmine*):
``` ```js
'use strict'; 'use strict';
describe('Foo', function () { describe('Foo', function () {
@ -97,7 +97,7 @@ describe('Foo', function () {
``` ```
And `src/styles/Foo.css` (or .sass, .less etc...) : And `src/styles/Foo.css` (or .sass, .less etc...) :
``` ```css
.Foo{ .Foo{
border: 1px dashed #f00; border: 1px dashed #f00;
} }
@ -110,7 +110,7 @@ For all you lazy programmers out there, we've added another shortcut - `rich` fl
yo react-webpack:c foofoo --rich yo react-webpack:c foofoo --rich
``` ```
This will give you all of react component's most common stuff : This will give you all of react component's most common stuff :
```` ```js
var React = require('react/addons'); var React = require('react/addons');
require('styles/Foofoo.sass'); require('styles/Foofoo.sass');
@ -135,7 +135,7 @@ This will give you all of react component's most common stuff :
}); });
module.exports = Foofoo; module.exports = Foofoo;
```` ```
Just remove those you don't need, then fill and space out the rest. Just remove those you don't need, then fill and space out the rest.
@ -153,7 +153,7 @@ yo react-webpack:action bar //or just: yo react-webpack:a bar
Will create a file - `src/actions/BarActionCreators.js` Will create a file - `src/actions/BarActionCreators.js`
if 'architecture' is **Flux**, it Produces : if 'architecture' is **Flux**, it Produces :
``` ```js
'use strict'; 'use strict';
var BarActionCreators = { var BarActionCreators = {
@ -163,7 +163,7 @@ var BarActionCreators = {
module.exports = BarActionCreators; module.exports = BarActionCreators;
``` ```
And if it's **Reflux**: And if it's **Reflux**:
``` ```js
'use strict'; 'use strict';
var Reflux = require('reflux'); var Reflux = require('reflux');
@ -177,7 +177,7 @@ module.exports = BarActionCreators;
``` ```
and same test for both architectures: and same test for both architectures:
``` ```js
'use strict'; 'use strict';
describe('BarActionCreators', function() { describe('BarActionCreators', function() {
@ -204,7 +204,7 @@ yo react-webpack:store baz //or just: yo react-webpack:s baz
Will create a file - `src/stores/BazStore.js` Will create a file - `src/stores/BazStore.js`
if 'architecture' is **Flux**, it Produces : if 'architecture' is **Flux**, it Produces :
``` ```js
'use strict'; 'use strict';
var EventEmitter = require('events').EventEmitter; var EventEmitter = require('events').EventEmitter;
@ -226,7 +226,7 @@ BazStore.dispatchToken = MainAppDispatcher.register(function(action) {
module.exports = BazStore; module.exports = BazStore;
``` ```
And if it's **Reflux**: And if it's **Reflux**:
``` ```js
'use strict'; 'use strict';
var Reflux = require('reflux'); var Reflux = require('reflux');
@ -243,7 +243,7 @@ module.exports = BazStore;
``` ```
and same test for both architectures: and same test for both architectures:
``` ```js
'use strict'; 'use strict';
describe('BazStore', function() { describe('BazStore', function() {