grf

generator-react-flux-scaffold

Yeoman Generator to kickstart the React-Flux project.

Showing:

Popularity

Downloads/wk

1

GitHub Stars

0

Maintenance

Last Commit

5yrs ago

Contributors

1

Package

Dependencies

3

License

MIT

Type Definitions

Tree-Shakeable

No?

Categories

Readme

generator-react-flux-scaffold NPM version Build Status Dependency Status

Scaffolding for project with react, fulx and glup.

Installation

First, install Yeoman and generator-react-flux-scaffold using npm (we assume you have pre-installed node.js).

npm install -g yo
npm install -g generator-react-flux-scaffold

Then generate your new project:

yo react-flux-scaffold

Then start your project:

gulp

Folder Structure

  • This generator gives you a folder structure as below:
        -- docs                               (To store the application docs if any)
        -- src                                (Main Application Folder)
            -- actions                        (All the action files)
            -- components                     (All React Components)
                -- HomeComponent              (Folder for each component)
                    -- home.css               (Css file for Home component)
                    -- Home.js                (Component file)
                    -- package.json           (this will have version of Component, this is different from Project package.json)
            -- constants                      (all constants for our application)
            -- dispatcher                     (Flux dispather that dispatches our actions)
            -- images                         (images req for our app)
            -- routes                         (This will have routes to our components, we are using "react-router")
            -- services                       (Here we can do ajax/service calls)
            -- stores                         (Flux stores for our app)
            -- utils                          (Anything else like properties files)
            -- index.html                     (Only HTML page for our app)
            -- main.js                        (starting point of our app)
        -- .bablerc
        -- .gitignore
        -- gulpfile.js
        -- package.json
    

Getting To Know Yeoman

  • Yeoman has a heart of gold.
  • Yeoman is a person with feelings and opinions, but is very easy to work with.
  • Yeoman can be too opinionated at times but is easily convinced not to be.
  • Feel free to learn more about Yeoman.

License

MIT © Chaitanya

Rate & Review

Great Documentation0
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100
No reviews found
Be the first to rate

Alternatives

No alternatives found

Tutorials

No tutorials found
Add a tutorial