https://github.com/ankitrajput0096/basic_react_app_from_scratch_with_react_router
Basic React App using React, React-Router 6, WebPack 5 and Babel
https://github.com/ankitrajput0096/basic_react_app_from_scratch_with_react_router
babel css express html javascript react react-router webpack
Last synced: 3 months ago
JSON representation
Basic React App using React, React-Router 6, WebPack 5 and Babel
- Host: GitHub
- URL: https://github.com/ankitrajput0096/basic_react_app_from_scratch_with_react_router
- Owner: ankitrajput0096
- Created: 2019-06-23T10:50:30.000Z (almost 7 years ago)
- Default Branch: master
- Last Pushed: 2024-09-04T06:59:42.000Z (almost 2 years ago)
- Last Synced: 2025-02-26T03:45:31.379Z (over 1 year ago)
- Topics: babel, css, express, html, javascript, react, react-router, webpack
- Language: JavaScript
- Homepage:
- Size: 3.12 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 24
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Basic React App From Scratch With React-Router 6
Basic React App using React, React-Router 6, WebPack 5 and Babel.
## Getting Started
These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See running for notes on how to run the project on a system.
### Prerequisites
1. Clone the project to your local environment:
```
git clone https://github.com/ankitrajput0096/Basic_React_App_From_Scratch_With_React_Router
```
2. You need npm to be installed:
#### Get npm from here:
https://www.npmjs.com/get-npm
### Installing
Once you have npm installed on your environment, install the project dependencies via:
Installing dependencies:
```
npm install
```
Or
Install dependencies individually as follows:
```
npm install react react-dom
npm install express
npm install react-router-dom
npm install webpack webpack-cli webpack-dev-server babel-loader @babel/core @babel/preset-env @babel/preset-react html-webpack-plugin --save-dev
npm install style-loader css-loader file-loader --save-dev
```
Start App :
```
npm start
```
Start App in Dev Environment:
```
npm run dev
```
To Bundle App for Prod Environment:
```
npm run prodBundle
```
## Running
Start App in Dev Environment:
```
npm run dev
```
Your application should be now running on http://localhost:9000
Start App in Prod Environment:
```
npm run fireTheProd
```
Your application should be now running on http://localhost:9090
## Screenshots of Simple React App
## Built With
* [React](https://reactjs.org/) - React
* [WebPack](https://webpack.js.org/) - WebPack
* [Babel](https://babeljs.io/) - Babel
* [Express](https://expressjs.com/) - ExpressJS
## Contributing
If you have any improvement suggestions please create a pull request and I'll review it.
## Authors
* **Ankit Rajput** - *Initial work* - [Github](https://github.com/ankitrajput0096)
## License
This project is licensed under the MIT License
## Acknowledgments
* Big thanks to facebook for React.