React-2048-game | 中文
A fancy 2048 game build with react, redux best practices. Uses many awesome open source tools to improve code styles, includes eslint, stylelint, prettier, and Travis, codecov continuous integration services to be guaranteed for code quality and deploy application automatically. Show ❤️ by 🌟.
Require nodejs version > 6.10 as config scripts were wrote in es6+, also recommend to use yarn to manage project dependencies instead of npm. After fork the project following below commands to get started.
npm i -g yarn # Install yarn
git clone git@github.com:<your name>/React-2048-game.git
cd React-2048-game
yarn # Install dependencies
yarn start # Start local developing mode
yarn test # Run test code
yarn build # Build the project from sourceThis app has a rich development experience using the following technologies:
| Tech | Description | Learn More |
|---|---|---|
| React | Declarative, component based view library. | Codecademy Course |
| Redux | A predictable state container. Supports time-travel debugging. | Learn Redux |
| Redux saga | Handles side effect model for Redux apps. | Async operations using redux-saga |
| React Router | Declarative, multi-platform routing library for React | Official guide |
| Babel | Compiles ES6 to ES5. Uses the latest features of JavaScript today. | Learn ES2015 |
| Webpack | Bundles npm packages and all kinds of assets, scripts into a single app. Supports hot reloading via webpack-dev-server. | Learn Webpack in 15 Minutes |
| Jest | Tests JavaScript with built-in assertions automatically, integrates with Enzyme for DOM testing in node environment. | Official guide |
| ESLint | Analyze and lint JavaScripts. Reports syntax and style issues. | ESLint rules |
| SCSS | Powerful professional grade CSS extension language with variables, mixin, functions, and more. | Getting Sassy with CSS |
Chirpy - Open source & privacy-friendly Disqus alternate for your community