Initializing

Install nodejs.
Install gt.

yarn global add granturismo
Add scaffold to gt gt config add vivaxy/gt-react-scaffold https://github.com/vivaxy/gt-react-scaffold.git.
Create your project directory mkdir my-project-name && cd my-project-name or git clone ....
Run gt init.
Select vivaxy/gt-react-scaffold.

Contributing

Contributing

gt-react-scaffold

Feature

react
redux
webpack
eslint
page navigation animation
react router
react redux
redux thunk
react hot reload
webpack development server
multiple entries
mock server
unified error center
internationalization
environments
webpack visualizer
postcss
autoprefixer
less
test cases

Concept

As we find out html are mostly same in react projects, we extract the same html into a template file which lays in html folder.

html-webpack-plugin is used to generate released html files, which load corresponding js files.

entries stores js main methods, we split main container to containers because entry could not be hot-module-replaced.

entriess import containerss, which is one to one correspondent. render method in entry provides all commonly used setups, such as redux store, provider, injectTapEventPlugin for material-ui, and custom styles.

containers is the headquarters which imports all dummy components, passing through props to them. Also, containers interacts with redux reducers and actions.

It is recommended that you wrap containers into another. redux will re-render a container when and only when mapped reducers have been updated.

We do not use async redux for ajax requests because ajax status is not that important for us to record. So, we invoke api in containers, get response, and determine what actions to call.

We store every string in i18n for better internationalization.

Built project files will be in the release folder. With build.log, you can see every build details. With stats.html, you can optimize your dependencies to make project smaller.

Developing

yarn run dev

Building

yarn run build

Reference

https://github.com/webpack/docs/wiki/webpack-dev-server
https://github.com/gaearon/react-hot-loader/tree/master/docs
https://github.com/reactjs/react-router-redux
https://github.com/ampedandwired/html-webpack-plugin
https://github.com/ReactTraining/react-router

License

vivaxy/gt-react-scaffold

ErrorLooks like something went wrong!

About

Topics

Resources

License

Uh oh!

Stars

Watchers

Forks

Releases 1

Sponsor this project

Packages 0

Uh oh!

Contributors 4

Languages

Error
Looks like something went wrong!

Packages