Giter VIP home page Giter VIP logo

react-redux-scaffold's Introduction

React Redux Scaffold

This is a seed project for building static react website, not for build universal app.

Feature

  • ES6+ support via babel
  • Redux and its best practice (debug, style, routing)

Setup

  • learn Redux
  • clone this project
  • install dependencies via npm install
  • run a test server by npm run server

Scripts

  • npm start run a test server
  • npm run build build production app

Guide

Path Alias (resolve)

Anything in src/components can be required by only components/xx/xx.js

see webpack.config.js resolve for more.

Style Guide

Use css-modules to style react component.

Also, I use postcss to enhance css functions. You can write scss-like css, and use some future feature via cssnext.

Server Mocks

Write your server mocks at src/mocks.

Devtools

To change the Devtool position press ctrl + q . To hide the dev tool press ctrl + h

TODO

  • create a better demo
  • create test suits
  • update babel
  • update redux-devtools

react-redux-scaffold's People

Contributors

brock-noah avatar lcjnil avatar sap9433 avatar

Stargazers

avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar

Watchers

avatar avatar avatar avatar avatar avatar avatar avatar

Forkers

denisizmaylov jesusoterogomez tkiethanom xmarinin malucky clh8801 miller nalwayaabhishek dat-boris bpopovska sap9433 wangxd18 jj81 webknjaz bluebirrrrd shan-er groupystinks lzbsun peisheng jonrim kraftika zhenhuah spit4520 alberthuynh91 jadenhub

react-redux-scaffold's Issues

No gulpfile found error

when I run gulp serve I get a No gulpfile found error. I see the gulpfile.babel.js is there something I need to start or run before that file can be recognized as a gulpfile?

Repo is using old Redux-Devtools , causing console warnings.

Repo is using an Old version of Redux devtools . Can it causing a console warning every time a page load.

warning says Warning: React.findDOMNode is deprecated. Please use ReactDOM.findDOMNode from require('react-dom') instead.

Plus new Devtool has tab like sweep and all , and we can also customize the look . Please Upgrade to devtool ^3

How to run?

npm run serve generate an error. I guess or some reason babel is not working

app.listen(3000, 'localhost', (err) => {
                                    ^^
SyntaxError: Unexpected token =>

development plans

  • remove dependencies of gulp
  • add better generated index #5
  • modify hot-loader to get things done

Error on startup

I'm getting error right after executing gulp serve command.

ERROR in ./src/reducers/todos.js
Module build failed: RangeError: Maximum call stack size exceeded
    at Array.indexOf (native)
    at stripsPosition (/Users/Max/projects/wfb/i18n-sync-tool/node_modules/eslint/lib/rules/no-duplicate-case.js:24:52)
    at stripsPosition (/Users/Max/projects/wfb/i18n-sync-tool/node_modules/eslint/lib/rules/no-duplicate-case.js:27:36)
    at stripsPosition (/Users/Max/projects/wfb/i18n-sync-tool/node_modules/eslint/lib/rules/no-duplicate-case.js:27:36)
    at stripsPosition (/Users/Max/projects/wfb/i18n-sync-tool/node_modules/eslint/lib/rules/no-duplicate-case.js:27:36)
    at stripsPosition (/Users/Max/projects/wfb/i18n-sync-tool/node_modules/eslint/lib/rules/no-duplicate-case.js:27:36)
    at stripsPosition (/Users/Max/projects/wfb/i18n-sync-tool/node_modules/eslint/lib/rules/no-duplicate-case.js:27:36)
    at stripsPosition (/Users/Max/projects/wfb/i18n-sync-tool/node_modules/eslint/lib/rules/no-duplicate-case.js:27:36)
    at stripsPosition (/Users/Max/projects/wfb/i18n-sync-tool/node_modules/eslint/lib/rules/no-duplicate-case.js:27:36)
    at stripsPosition (/Users/Max/projects/wfb/i18n-sync-tool/node_modules/eslint/lib/rules/no-duplicate-case.js:27:36)
 @ ./src/reducers/index.js 9:15-36

What am I doing wrong? Thanx

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.