Giter Club home page Giter Club logo

fs-react's Introduction

javascript setup

Put the following content in src/main/webapp/.env file :

NODE_ENV=development
PORT=8000
MODE=app

This will start the gulp webserver, which can be accessed on 9090 port


Troubleshooting

Note: If you get this error :

events.js:141
      throw er; // Unhandled 'error' event
      ^

Error: watch webapp/app/scripts/main.js ENOSPC

Run the following command:

$ echo fs.inotify.max_user_watches=524288 | sudo tee -a /etc/sysctl.conf && sudo sysctl -p

Directory Structure

app/scripts

  • models Plain ES6 Models (not framework dependent)
  • stores Mobxdata stores for the Domains (using mobxdata)
  • routers A single router for now (using react-router)
  • components Reusable React components ( pagination, pills, toggles) ) Please try to divide your view into independent, reusable, self sustained componentes
  • containers Top level pages (like regions in Backbone). Defines the structure of a page. This will call various components
  • themes CSS Themes (using something like Radium)
  • utils For your usual stuffs!!

Naming Conventions

TODO

  • Add support for PostCSS / LESS / SASS /SCSS

Technologies used:

Client Side

  • React
  • MobX
  • ES6 (Babel)

Tools

  • Gulp
  • Browserify

Install

OSX

Install Node.js

Via brew:

$ brew install node

Run setup script

$ ./bin/setup

Run application

$ gulp
NODE_ENV=development # build app with development environment
NODE_ENV=production # build app with production environment
PORT=8000 # run server on 8000 port

Start to use application on browser:

localhost:8000

fs-react's People

Contributors

gautamborad avatar hiraniketan avatar

Stargazers

Keval Bhatt avatar

Watchers

James Cloos avatar Sanket Shah avatar Vishal Suvagia avatar  avatar  avatar Mugdha Varadkar avatar Mehul Parikh avatar  avatar Rahul Kale 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.