The "Boiler Template" project serves as a boilerplate for future React projects. This boilerplate is configured with Webpack and Babel to facilitate a streamlined and efficient development experience. It is a great alternative to Create React App for setting up a React project from scratch.
- React 18: The project is set up with the latest version of React for building modern user interfaces.
- Webpack & Babel: Utilizes Webpack for bundling modules and Babel for compiling JavaScript code to ensure compatibility across all browsers.
- Express Server: Includes a basic Express server setup for serving the built application.
- Hot Module Replacement: Allows real-time updates without refreshing the page.
- CSS Module Support: Includes configuration for loading CSS modules, making it easier to style your React components.
To set up the project locally, follow these steps:
-
Clone the repository to your local machine:
https://github.com/Smrosner/boiler-template.git -
Navigate to the project directory:
cd boiler-template -
Install the necessary dependencies:
npm install
To run the project in development mode, execute the following command:
npm run react-dev
This command runs the Webpack with the specified configuration in the webpack.config.js file.
To start the Express server, use the following command:
npm start
The server will start at port 3000, and you can access it at http://localhost:3000.
To build the project for production, execute the following command:
webpack --config webpack.config.js
This command generates a bundle.js file in the dist directory.
This project is licensed under the ISC License.
For any questions or concerns, feel free to contact the project maintainers:
- Shay Rosner - shaymrosner@gmail.com
- GitHub