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 16 hours 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
- Created: 2017-12-13T21:27:48.000Z (almost 7 years ago)
- Default Branch: main
- Last Pushed: 2024-08-20T21:28:24.000Z (about 1 month ago)
- Last Synced: 2024-09-24T02:13:06.212Z (1 day 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: https://gitpod.io/#https://github.com/4GeeksAcademy/react-hello
- Size: 2.21 MB
- Stars: 94
- Watchers: 6
- Forks: 2,660
- Open Issues: 14
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
Awesome Lists containing this project
README
# Hello World with React boilerplate
Start coding a react application
> If you are working locally instead of using codespaces or gitpod, please follow [local installation steps](#local-installation-skip-if-you-are-working-on-codespaces-or-gitpod) and come back to this part of the readme.
## 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/).