Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/4geeksacademy/react-hello
Start a React project in 30 seconds: React, Bootstrap, SASS, Gitpod. Video Tutorial.
https://github.com/4geeksacademy/react-hello
boilerplate css gitpod gitpod-boilerplate gitpod-io react react-boilerplate react-js react-template reactjs reactjs-begin reactjs-template sass template webpack
Last synced: about 2 months ago
JSON representation
Start a React project in 30 seconds: React, Bootstrap, SASS, Gitpod. Video Tutorial.
- Host: GitHub
- URL: https://github.com/4geeksacademy/react-hello
- Owner: 4GeeksAcademy
- Archived: true
- Created: 2017-12-13T21:27:48.000Z (about 7 years ago)
- Default Branch: main
- Last Pushed: 2024-12-03T17:18:12.000Z (2 months ago)
- Last Synced: 2024-12-04T13:03:41.365Z (about 2 months ago)
- Topics: boilerplate, css, gitpod, gitpod-boilerplate, gitpod-io, react, react-boilerplate, react-js, react-template, reactjs, reactjs-begin, reactjs-template, sass, template, webpack
- Language: JavaScript
- Homepage:
- Size: 1.49 MB
- Stars: 102
- Watchers: 7
- Forks: 3,088
- Open Issues: 7
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
Awesome Lists containing this project
README
> ⚠️ This repository is deprecated and has no maintenance; we recommend using the [React Hello Vite](https://github.com/4GeeksAcademy/react-hello-vite) template instead.
# Hello World with React boilerplate
Start coding a react application
## How to start coding?
- Install the packages with `$ npm install`.
- Run the webpack server with `$ npm run start`
You can update the `styles/index.css` or `js/index.js` depending on your needs.
Add more files into your, `./src/js/components` or styles folder as you need them.
## Local Installation (skip if you are working on codespaces or gitpod)
Download the boilerplate using git
```
$ git clone https://github.com/4GeeksAcademy/react-hello.git
$ cd react-hello
```
## Publish your website!
This boilerplate is 100% compatible with the free [github pages](https://pages.github.com/) and [vercel](https://vercel.com/) hosting.
It takes just 2 minutes to deploy, [click here to start the process](https://github.com/4GeeksAcademy/react-hello/blob/master/docs/DEPLOY.md).
## Other features
- Automatic Code Formatting: Use of [Prettier](https://prettier.io/) for automatic code indentation and formatting.
- Error reporting: Use of [eslint](https://eslint.org/) for better error reporting.
- Hot Deploy: Use of [Webpack Development Server](https://webpack.js.org/configuration/dev-server/) for hot deploy and live reload.
- One-command publish of the code to github pages with `npm run deploy:github`.
- Babel 7 (really fast).
### Contributors
This template was built as part of the 4Geeks Academy [Coding Bootcamp](https://4geeksacademy.com/us/coding-bootcamp) by [Alejandro Sanchez](https://twitter.com/alesanchezr) and many other contributors. Find out more about our [Full Stack Developer Course](https://4geeksacademy.com/us/coding-bootcamps/part-time-full-stack-developer), and [Data Science Bootcamp](https://4geeksacademy.com/us/coding-bootcamps/datascience-machine-learning).
You can find other templates and resources like this at the [school github page](https://github.com/4geeksacademy/).