/react-starterkit

Easing my pain when starting a ReactJS project

Primary LanguageJavaScriptGNU General Public License v3.0GPL-3.0

React Starterkit

The point of this repo is so I can have a headstart for when I begin up new projects. Feel free to edit as needed.

Development

  1. yarn install - Might have to include --ignore-engines

  2. yarn start - to get the webpack server up and running

  3. yarn lint - Check the code against

Notable Packages

  1. Babel - a tool that helps you write code in the latest version of JavaScript.

  2. Eslint - a tool for identifying and reporting on patterns found in ECMAScript/JavaScript code. Note I use the Airbnb config with some minor changes

  3. Webpack - a bundler. Version 4. Utilizes webpack-cli and webpack-dev-server.

  4. Husky - uses git hooks to prevent bad code from being committed.

  5. Stylelint - modern CSS linter and fixer that helps you avoid errors and enforce consistent conventions in your stylesheets.

  6. Lint-staged - a linter that runs on staged files.

  7. Prettier - is an opinionated code formatter. It enforces a consistent style by parsing your code and re-printing it with its own rules.

  8. Prettier-eslint - uses prettier to auto-format/fix much of your code according to your ESLint config.

  9. react-hot-loader - Tweak React components in real time.

TODO

  1. Add styled-components.
  2. Add axios.
  3. Add next.js?.
  4. Add react-router