Technology showcase of React and related tools to build modern web applications.
WORK IN PROGRESS
-
ESLint with JavaScript Standard Style rules
-
stylelint with common CSS rules
-
CSS modules (coming soon: PostCSS)
As for Internet Explorer™, we only care about the officially supported (latest) version for recent Windows platforms, and so should you.
-
React App with Redux — Vanilla plus Redux with react-redux and Reselect
-
coming soon: Redux-Saga
-
coming soon: MobX
-
install nvm and run
nvm install v6.y.z
or install Node.js v6 (LTS) manually on your platform -
install Yarn (latest stable)
-
run
yarn install
to download and link project’s dependencies into the localnode_modules
directory -
start webpack dev-server via
yarn run start:dev
and JSON API server viayarn run start:api
-
open the prototype page in your web browser and start hacking!
With dev-server, all project assets are
processed in-memory (no dist
directory).
dev-server watches the filesystem and recompiles project assets on change, e.g. JS chunks whose content is impacted by the source change. Once recompiled, application’s HTML page is automatically reloaded (this is done by injecting a script that opens a WebSocket connection to the server).
Build project for production. Outputs are placed in dist
directory. Performs code linting
and runs unit tests before doing the actual build.
Build project for development (without optimizations). Same output location as with build
script. No code linting or unit tests, just the build itself.
Starts webpack dev-server, watching the filesystem and recompiling project assets on change. Serves both project assets and API requests (proxied to JSON API server).
-
tutorials and resources on React, Redux, ES6 and more (don’t get overwhelmed, learn stuff step by step)
-
convention to differentiate action creators from action types