Self-paced

Explore our extensive collection of courses designed to help you master various subjects and skills. Whether you're a beginner or an advanced learner, there's something here for everyone.

Bootcamp

Learn live

Join us for our free workshops, webinars, and other events to learn more about our programs and get started on your journey to becoming a developer.

Upcoming live events

Learning library

For all the self-taught geeks out there, here is our content library with most of the learning materials we have produced throughout the years.

It makes sense to start learning by reading and watching videos about fundamentals and how things work.

Search from all Lessons


LoginGet Started
← Back to Lessons
Edit on Github

Start a basic project in React.js

Hello World with React boilerplate

Hello World with React boilerplate

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

Download the boilerplate using git

1git clone https://github.com/4GeeksAcademy/react-hello.git 2cd react-hello

and install the npm package

1npm install

Start coding

For Windows, Mac, Linux or Gitpod, start the webpack server with live reload:

  • $ 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.

Publish your website

This boilerplate is 100% compatible with the free github pages and vercel hosting.

It takes just 2 minutes to deploy, click here to start the process.

Other features

  • Automatic Code Formatting: Use of Prettier for automatic code indentation and formatting.
  • 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:github.
  • Babel 7 (really fast).