ui

Web UI for YASP. This is a SPA (single-page application) built with React, Redux, and React-Router.

Quickstart

• 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.

Tech stack

• 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

Notes

• 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.

New to React/Redux? Confused about how to add a new component, even though you do have an understanding of those? Check out this wiki page!

https://github.com/yasp-dota/ui/wiki/Adding-new-components-with-redux