react-hello-deprecated - GitLite

KO | EN

gitlite — search

#python #hacktoberfest #ai #llm #go #android #rust #deep-learning #linux #docker #macos #security #pytorch #openai

react-hello-deprecated

(★ 108)

Start a React project in 30 seconds: React, Bootstrap, SASS, Gitpod. Video Tutorial.

File Explorer

Download Latest Version (.zip)

- devcontainer.json
- welcome.js
- settings.yml
- settings.json
- index.html
- DEPLOY.md
- MANUAL_INSTALATION.md
- .gitkeep
- index.html
- - rigo-baby.jpg
- - index.js
- - index.css
.eslintrc
.gitignore
.gitpod.yml
.htaccess
4geeks.ico
CHANGELOG.md
deploy-to-github.js
learn.json
open-in-gitpod.svg
package-lock.json
package.json
README.md
template.html
webpack.config.js

# Installation Guide

1. Get the code

git clone https://github.com/4GeeksAcademy/react-hello-deprecated

Downloads the entire project code from GitHub to your computer.

cd react-hello-deprecated

Moves into the project folder you just downloaded.

2. Node.js

Easy Recommended

Prerequisites

Git Needed to download the project code from GitHub.
Node.js Node.js must be installed to use npm. The LTS version is recommended.

npm install

Downloads and installs the libraries listed in package.json.

npm start

Starts the development/run server.

✅ After running the command, open the address shown in the terminal (usually something like http://localhost:3000) in your browser.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

> ⚠️ 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/).