This is a small sample project you can use to start a new React/Redux app. It contains:
- all of the needed dependencies.
- To begin using it,
npm install
after cloning.
- To begin using it,
- a webpack setup with its dev server and hot module reloading.
- To use it,
npm start
and take your browser to http://localhost:8080.
- To use it,
- an Express server with API routes and a
/static
folder to hold the webpack assets.- To use it,
npm run server
in a separate terminal. - The server is listening on http://localhost:3000 and includes the necessary CORS configuration to permit access from client assets served from the
webpack-dev-server
. - It includes
node-inspector
for server-side debugging. The debugging interface is at http://localhost:8888/?debug=5858. - The server is started with
node-dev
so it will restart after it detects changes.
- To use it,
- a test setup for running tests with
ava
andenzyme
.- Run the tests with
npm test
.
- Run the tests with
There is currently only a single App
component and no Redux implementation (only references). Reasonable steps to take next might include:
- Wireframe your application.
- Write the UI in static HTML.
- Decompose the HTML into JSX components.
- Decide which components are stateful (containers) and which are only UI (presentation).
- Define the potential actions in the app.
- Define the structure of the state of the app.
- Using reducers, decide how actions will alter the state (store) of the app.