Skip to content

bernicetann/React-Boilerplate

Repository files navigation

React Boilerplate

A minimal and light dev environment for ReactJS.

This small project gave me insight for building user interfaces. I can specify React which components I want to render and React will efficiently update and render the appropriate components when the data changes. In the Chatty App, using React definitely provided real-time interaction with another user who is connected, which makes this feature functional and practical.

Usage

Clone the boilerplate and create your own git repo.

git clone git@github.com:lighthouse-labs/react-simple-boilerplate.git
cd react-simple-boilerplate
git remote rm origin
git remote add origin [YOUR NEW REPOSITORY]
# Manually update your package.json file

Install the dependencies and start the server.

npm install
npm start
open http://localhost:3000

Screenshots

Here are some proofs of my work on this mini project. alt text alt text alt text

Static Files

You can store static files like images, fonts, etc in the build folder.

For example, if you copy a file called my_image.png into the build folder you can access it using http://localhost:3000/build/my_image.png.

Linting

This boilerplate project includes React ESLint configuration.

npm run lint

Dependencies