Web UI for YASP. This is a SPA (single-page application) built with React, Redux, and React-Router.
- Install Node.js (6.0.0 or greater) (on Ubuntu,
curl -sL https://deb.nodesource.com/setup_6.x | sudo -E bash - && sudo apt-get install -y nodejs
) npm install
npm start
- Visit port 8080 on your development machine. You can configure the port used by webpack-dev-server in
webpack.config.js
. - Ready to make a pull request? Run
npm run build
to make sure the build runs and there are no linting errors.
- View layer: React
- State management: Redux
- CSS: css-modules & postcss
- New to React/Redux? Read these articles on React and watch these egghead series by Redux creator Dan Abramov.
Thinking in React: https://facebook.github.io/react/docs/thinking-in-react.html
Getting started with Redux: https://egghead.io/courses/getting-started-with-redux
Idiomatic Redux: https://egghead.io/courses/building-react-applications-with-idiomatic-redux
ES6 guide: https://github.com/lukehoban/es6features
- For ease of development, the SPA is pointed to production YASP by default. This means you don't need to set up the entire stack/get sample data.
- You can configure it to point to your own instance (if you are working on a backend feature) in
yasp.config.js
.