Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ankitrajput0096/basic_react_app_from_scratch
Basic React App using React, WebPack 4 and Babel
https://github.com/ankitrajput0096/basic_react_app_from_scratch
babel css express html javascript react webpack
Last synced: 11 days ago
JSON representation
Basic React App using React, WebPack 4 and Babel
- Host: GitHub
- URL: https://github.com/ankitrajput0096/basic_react_app_from_scratch
- Owner: ankitrajput0096
- Created: 2019-06-18T01:39:08.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2023-01-04T00:46:00.000Z (about 2 years ago)
- Last Synced: 2023-03-08T13:29:13.145Z (almost 2 years ago)
- Topics: babel, css, express, html, javascript, react, webpack
- Language: JavaScript
- Homepage:
- Size: 2.06 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
Basic React App using React, WebPack 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
```
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 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.