/landing-page-with-react

4 Geeks Proyects

Primary LanguageJavaScript

Hello World with React boilerplate

This template its similar to create-react-app but is meant for 4Geeks Academy students.

Download the boilerplate using the BreatheCode CLI
$ npm i breathecode-cli -g
$ bc start:react-project -r

Or Download the boilerplate using git

$ git clone https://github.com/4GeeksAcademy/react-hello.git
$ cd react-hello
and install the npm package:
$ npm install

Start coding!

Start the webpack server with live reload:

  • $ npm run c9 for Cloud 9 Users.
  • $ npm run start for windows, mac, linux or Gitpod.

You can update the styles/index.scss or js/index.js depending on your needs. Add more files into your, ./src/js/components or styles folder as you need them.

Publish your website!

This boilerplate is 100% compatible with the free github pages hosting. To publish your website you need to push your code to your github repository and run the following command after:

$ npm run deploy

Other features

  • Automatic Code Formatting: Use of Prettier for automatic code identation and formating.
  • Error reporting: Use of eslint for better error reporting.
  • Hot Deploy: Use of Webpack Development Server for hot deploy and live reload.
  • One-command publish of the code to github pages with npm run deploy.
  • Babel 7 (really fast).