CloudBread game server real-time communication project CloudBread-Socket client example. This project is designed for CloudBread mobile game & app server engine to implement real-time bidirectional communication. See live demo
git clone https://github.com/CloudBreadProject/CloudBread-Socket-React
cd CloudBread-Socket-React
npm i # alias to installNode.js 4.x or 5.x
npm start
npm start -- --port=8080 # if you want to change the portIt will open a browser window.
In development environment, FOUC could be happened.
Don't worry. FOUC is not in production environment.
Never use this command for production directly because this command will be executed via babel-node which makes performance slower.
To serve production application, you have to deploy or build it and execute npm start in the build folder.
npm run buildIt will build package for production.
npm run lintIt will eslint this package.
npm run csscombMake your css code beautiful.
You should edit ./tools/tasks/deploy.js file before use this command.
npm run deployBasically this script deploys this package on git repository after build. GitHub, Heroku, Azure, AWS, AppEngine doesn't matter, perhaps.
Run tree -L 2 -I 'node_modules|build|.git|.DS_Store' -A -a then you will see below:
. # Root
├── .csscomb.json # css comb configurations
├── .editorconfig # common editor configurations
├── .eslintrc.json # eslint configurations
├── .gitignore
├── LICENSE.txt
├── README.md
├── karma.config.js # Karma test configurations
├── package.json # dependency list
├── src # application source code
│ ├── api # api end point
│ ├── assets # static files
│ ├── client.jsx # client entry
│ ├── components # react components such as Header, Loading, etc.
│ ├── config.js # configuration such as api
│ ├── containers # containers such as HomePage, ContentPage, etc.
│ ├── layouts # layout such as commonLayout or ChannelLayout, etc.
│ ├── lib # common library, utilities such as DOM, fetch, etc.
│ ├── reducers # Redux reducers, actions and constants
│ ├── public # static files to serve through http or https
│ ├── redux # redux store and middlewares
│ ├── routes # route configurations
│ ├── server.jsx # server entry
│ └── styles # css codes
├── tests # unit tests
│ └── layouts # layout tests
└── tools # build and deployment tools
├── .eslintrc.json
├── config.js # webpack configurations
├── lib
├── run.js
└── tasks # build, deploy, serve, etc...MIT license