Getting up and running for development is easy.
git clone [email protected]:strues/react-universal-boiler.git
Install the dependencies
Copy the env file
cp .env.example .env.
yarn dev and your universal React application is running on port 3000.
Running the two commands below will compile your application and serve the production ready build.
PORT=3000 # where assets will be "served" from PUBLIC_PATH=/assets/ # Entry file for Webpack on the server SERVER_ENTRY=src/entry/server.js # Entry file for the client CLIENT_ENTRY=src/entry/client.js # Output directory for clientside CLIENT_OUTPUT=build/assets # Output directory for the server bundle SERVER_OUTPUT=build
Configuring the development DLLs is handled in
tools/webpack/createWebpackConfig.jsat the bottom in the AutoDLLWebpackPlugin options. Adding dependencies here allows Webpack to bundle them once, and not again during development. This dramatically speeds up rebundle times.
For production, this is handled for you by comparing imports to what's in
This boilerplate uses babel 7, which is currently in beta. If you plan on using
babel-plugin-transform-decorators-legacy, please see the Planning for Babel 7, particularly Stage 3: Class Properties (from Stage 2)
A starter kit giving you the minimum requirements for a modern universal React application. I contribute to React Universally frequently.
Your One-Stop solution for a full-stack app with ES6/ES2015 React.js featuring universal Redux, React Router, React Router Redux Hot reloading, CSS modules, Express 4.x, and multiple ORMs.
React Cool Starter
A simple but feature rich starter boilerplate for you to build an universal web app with the best development experience and a focus on performance and best practices.
Pull requests are welcome and encouraged. If I made a mistake, raise an issue and/or fix it and submit a PR. Have a question? I'll do what I can to answer it for you.