fe-builder-react
Build React Infrastracture! React Architecture best practices.
Last updated 10 months ago by vladimirtishenko .
ISC · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install fe-builder-react 
SYNC missed versions from official npm registry.

New version of React + Redux environment

Last development logs:

* Structure has been slightly changed;
* Redux-form was added;
* Create validation helper for Redux-form;
* New version of Babel has been installed;
* Error page (404) has been added;
* Old validator was removed;
* Logic of routes was changed from jsx to js;
* New function for extend bootstrap were added;
* All dependencies were updated

Installing

For create Front End Infrastructure that consist of (Yarn, Stylus, React + Redux, Webpack + Babel, BEM):

cd /to/project/folder
yarn i fe-builder-react
echo "require('fe-builder-react')" >> index.js && node index.js && rm index.js

Now you have project tree:

  • public
    • img
    • fonts
    • build
    • js
      • modules
        • oauth (Oauth module)
          • components
            • login.jsx (Form component connected to Redux-form)
          • actions
            • oauth.action.js
          • reducers
            • oauth.rd.js
          • routes
            • oauth.router.js
          • containers
            • oauth.cv.jsx (Main entry form oauth module)
          • constants
            • oauth.const.js
          • decorators
            • autentification.dec.jsx (Decorated main entry for handle state of user)
      • libraries
        • warnings (Warnings or error fixed popups)
      • common
        • components
          • form
            • input.jsx (Input component with Redux-form)
          • error
            • error.jsx (Error page)
          • includes (Folder for header/footer and etc)
      • helpers (Folder with helpers validation, etc)
      • i18n (Folder for static translations)
      • configuration
      • store
        • store.js (Redux store)
      • routes
        • common.route.jsx (Collect all routes to one file)
      • reducers
        • root.rd.js (Main reducer which combined all reducers)
      • wrappers
        • root.jsx (Connect store and router)
        • main.jsx (Entry file with routing and some common things like menu, etc)
      • app.js (React entry point)
      • index.js (Entry point for webpack)
    • styl
      • vendor
        • bootstrap
          • bootstrap.styl ( Main bootstrap file that include just Bootstrap layout)
          • variables.styl ( Grid sizes for bootstrap )
          • function.styl ( Creating own cols- for bootstrap )
        • bem
          • __modificators
            • __*.styl - (Static bem modificators)
      • blocks
      • common
        • __modificators
        • defaults.styls
    • templates (React html main entry)
  • webpack.config.js (With architecture for transform stylus to CSS, ES6/ES7/ES8 to ES5 and .pug to .html)
  • .babelrc
  • .gitignore
  • node_modules

Launch

  • Development

This command immediately open the browser on the http://localhost:8080, will make the build and will watches your changes!

yarn run dev
  • Production
yarn run build

Reqirement

  • Node.js >= 8+
  • Webpack 4+
  • React 16+

Tech

Dillinger uses a number of open source projects to work properly:

Current Tags

  • 1.0.3                                ...           latest (10 months ago)

12 Versions

  • 1.0.3                                ...           10 months ago
  • 1.0.2                                ...           10 months ago
  • 1.0.1                                ...           10 months ago
  • 1.0.0                                ...           10 months ago
  • 0.0.8                                ...           a year ago
  • 0.0.7                                ...           2 years ago
  • 0.0.6                                ...           2 years ago
  • 0.0.5                                ...           2 years ago
  • 0.0.4                                ...           2 years ago
  • 0.0.3                                ...           2 years ago
  • 0.0.2                                ...           2 years ago
  • 0.0.1                                ...           2 years ago
Maintainers (1)
Downloads
Today 0
This Week 0
This Month 1
Last Day 0
Last Week 0
Last Month 0
Dev Dependencies (0)
None
Dependents (0)
None

Copyright 2014 - 2017 © taobao.org |