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.
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
Here are some proofs of my work on this mini project.
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
.
This boilerplate project includes React ESLint configuration.
npm run lint
- React
- Webpack
- babel-loader
- webpack-dev-server