Code Monkey home page Code Monkey logo

ui's Introduction

ui

Build Status

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

ui's People

Contributors

bguzryanto avatar chris92de avatar gu3st avatar howardchung avatar michael-robertson-kr avatar mike-robertson avatar pacollins avatar

Watchers

 avatar

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.