Skip to content

A simple react project with everything you need to get started and everything you don't.

License

Notifications You must be signed in to change notification settings

therobwatson/bare_bones_react

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Bare Bones React

Bare Bones the Mascot

What you need to get started with React and EVERYTHING YOU DON'T

This is a really simple React project to get started quickly. No linters, no formatting, coloring, minifiers, uglifiers, sass loaders, css loaders etc... Literally just enough to get React running so you can install those things as you like.

What makes Bare Bones React powerful is that the environment is setup for both development and production using Node/ExpressJS. However, should you want to just use Bare Bones React for the UI piece you can still do that as well and simply scrap the server folder.

Motiviation

Create-react-app is too bloated for many people's liking. We personally don't like a bunch of opinionated built in config files for unit testing and ES linting the end user hasn't even seen. Bare Bones React will not get in your way when getting started with React.

Documentation

To get started simply download or clone the repository into a folder of your liking. Make you you have NodeJS installed and run

npm install

Development Mode

To run the dev server environment

npm run buildDev

Production Build

To build production files for the built in NodeJS/ExpressJS web application

npm run build

The server folder is the Node/ExpressJS application. This is where you will extend your api. To run your production Node environment (as you would on a server) CD into the server folder.

Make sure your node_modules are installed

npm install

Now fire up the server

node index.js

You now have a hot reloading, client side developoment environment able to communicate with your backend ExpressJS web server which mimics the production environment. When both apps are running Express will pick up on your JS changes as the webpack development server builds them.

TO LEARN MORE ABOUT WEB DEVELOPMENT IN 2019

Check out my latest course which goes into much more detail with extending React for production environments.

Web Development in 2019

About

A simple react project with everything you need to get started and everything you don't.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 90.2%
  • HTML 9.8%