https://github.com/albinotonnina/react-app-boilerplate-2018

Bootstrap for a React App with Redux, React Router, Styled Components, Jest and Hot Reloading,
https://github.com/albinotonnina/react-app-boilerplate-2018

boilerplate enzyme javascript jest parcel-bundler parceljs prettier react snapshot styled-components

Last synced: 2 months ago
JSON representation

Bootstrap for a React App with Redux, React Router, Styled Components, Jest and Hot Reloading,

• Host: GitHub
• URL: https://github.com/albinotonnina/react-app-boilerplate-2018
• Owner: albinotonnina
• License: apache-2.0
• Created: 2018-01-12T13:32:05.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2022-12-07T09:16:30.000Z (about 2 years ago)
• Last Synced: 2024-10-14T07:50:02.922Z (3 months ago)
• Topics: boilerplate, enzyme, javascript, jest, parcel-bundler, parceljs, prettier, react, snapshot, styled-components
• Language: JavaScript
• Homepage:
• Size: 2.39 MB
• Stars: 20
• Watchers: 3
• Forks: 1
• Open Issues: 36
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# React App - Boilerplate 2018

[![Known Vulnerabilities][snyk-image]][snyk-url]

[![Dependency Up-to-dateness][david-image]][david-url]

[![Build Status](https://travis-ci.org/albinotonnina/react-app-boilerplate-2018.svg?branch=master)](https://travis-ci.org/albinotonnina/react-app-boilerplate-2018)

# Highlights

### 🚀 Your app

 - [React v16](https://www.npmjs.com/package/react), [Redux](https://www.npmjs.com/package/redux), [React Router v4](https://www.npmjs.com/package/react-router) provide the core

 - ES2017+ modern javascript ([transform-class-properties](https://babeljs.io/docs/plugins/transform-class-properties/) + [dynamic import](https://github.com/airbnb/babel-plugin-dynamic-import-node))

### 📦 Production ready

 - Bundled with [Parcel](https://parceljs.org/). Blazing fast & zero configuration.

  - Server is [express v4](https://www.npmjs.com/package/express) (running on Node 8 and up)

### 🐵 Dev

 - 💅 Styled components

 - Instant updates in browser following code changes with Hot Reloading

### ⛑ Code Quality

 - Syntax checking (aka linting) with Prettier + eslint + [eslint-config-prettier](https://github.com/prettier/eslint-config-prettier)

 - Unit testing with [jest](http://facebook.github.io/jest/) + coverage, [Enzyme](http://airbnb.io/enzyme/) + support for [Jest snapshot testing](https://facebook.github.io/jest/docs/en/snapshot-testing.html)

# Getting started

After you cloned the repository:

`yarn` to install

`yarn start` to start a dev server

`yarn build` to build the app

`yarn test` to launch tests

`yarn test:updateSnapshots` to update all the snapshots

`yarn eslint` to launch eslint

# License

MIT

[snyk-image]: https://snyk.io/test/github/albinotonnina/react-app-boilerplate-2018/badge.svg

[snyk-url]: https://snyk.io/test/github/albinotonnina/react-app-boilerplate-2018

[david-image]: https://david-dm.org/albinotonnina/react-app-boilerplate-2018.svg

[david-url]: https://david-dm.org/albinotonnina/react-app-boilerplate-2018