Giter VIP home page Giter VIP logo

react-boilerplate's Introduction

React boilerplate with Webpack.

The simplest useful React ready boilerplate. This boilerplate allows you to develop React projects using ES6+ modules. It also supports CSS modules with PostCSS autoprefixer plugin.

Features

  • React;
  • ES6+ modules;
  • CSS modules;
  • PostCSS ready;
  • Autoprefixer PostCSS plugin;
  • Webpack as module bundler;
  • Easy customization of environment with Webpack configuration files;
  • Npm and Yarn;
  • Webpack Development Server:
  • HOT Module Replacement;

How to use

Install

  1. To use this boilerplate as starting point of your project, first you need to clone this:
git clone https://github.com/bruno02221/es-boilerplate
  1. After that, you can modify its package.json file to include your application details, like version, name, repository etc. You should also rename its git remote origin to point to your project git repository.

  2. Then you're ready to start coding your application.

Folder structure

The application default folder structure can be used by your when developing your application without having to change it.

The default folder structure contains the following architecture:

  • config/ - This folder contains all the configuration files used by Webpack, developlment server, PostCSS etc. You can edit those files to customize your application behavior.

  • public/ - This folder contains an HTML file (index.html) which is the template of your application's main page. You can edit this file to custom it, add links to fonts, icons etc. You can also use this folder to include other statics files you need.

  • src/ - This folder contains application specific files like Javascript and CSS files. You should implement your application using files inside this folder. The default application bundler will use these to bundle your application.

Scripts

Installing project dependencies:

yarn install

or

npm install

Starting development server:

yarn start

or

npm start

Building app for production:

yarn build

or

npm install

License

MIT License

react-boilerplate's People

Contributors

imbrn avatar

Stargazers

 avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.