Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/sreddy-96/react-boilerplate
This is a react boilerplate for applications using React, Babel, Express, Node.js, Jest and Webpack.
https://github.com/sreddy-96/react-boilerplate
babel boilerplate express jest nodejs react webpack
Last synced: about 2 months ago
JSON representation
This is a react boilerplate for applications using React, Babel, Express, Node.js, Jest and Webpack.
- Host: GitHub
- URL: https://github.com/sreddy-96/react-boilerplate
- Owner: SReddy-96
- License: mit
- Created: 2024-03-20T05:14:41.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2024-03-21T00:27:34.000Z (10 months ago)
- Last Synced: 2024-03-22T01:32:30.507Z (10 months ago)
- Topics: babel, boilerplate, express, jest, nodejs, react, webpack
- Language: JavaScript
- Homepage:
- Size: 88.9 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# React-Boilerplate
## Description
This project is a boilerplate that integrates React, Babel, Express, Node.js, Jest, and Enzyme, all conveniently packaged together with Webpack. Leveraging FreeCodeCamp's resources, I developed this boilerplate to streamline the setup process for React applications.
## WHY?
A React boilerplate is an invaluable tool for quickly starting new projects. By utilizing this boilerplate, I can seamlessly initiate new React applications without the need to manually install all the necessary dependencies each time. This efficiency is particularly beneficial as I strive to deepen my familiarity with React.
## Problems Encountered
- Working with Jest and testing.
- Updating dependencies to make them compatible with each other.
- Setting up package.json "script" correctly.
## New Skills
- Using Webpack and creating my own bundle.
- Testing the application with Jest.
- Setting up my own server with Express and using Promises.
## Resources
### FreeCodeCamp
- https://www.freecodecamp.org/news/how-to-build-your-own-react-boilerplate-2f8cbbeb9b3f
## Setup
To create a new project based on this template, follow these steps:
Create a new repository from the template:
- Click on the "Use this template" button at the top of the repository page.
- Follow the instructions to create a new repository based on this template.
Clone the newly created repository:
```
git clone
cd
```
Clean the project (optional but recommended):
```
npm run clean
```
Install dependencies:
```
npm install
```
Build the project:
```
npm run build
```
Start the server:
```
npm start
```
The application can be viewed on `http://localhost:3000/`
- Make sure to import all your webpages into `app.js` and store them in `./src/client`
## Future Improvements
- Creating CSS bundling with webpack.
- Create a debug command in package.json.
- Using nodemon to auto start the server after file changes.