Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/n6g7/react-starter

A starter kit for react
https://github.com/n6g7/react-starter

boilerplate jest react redux redux-saga saga standard styled-components webpack

Last synced: about 1 month ago
JSON representation

A starter kit for react

Host: GitHub
URL: https://github.com/n6g7/react-starter
Owner: n6g7
Created: 2017-01-08T11:05:57.000Z (almost 8 years ago)
Default Branch: master
Last Pushed: 2022-01-18T16:28:08.000Z (almost 3 years ago)
Last Synced: 2024-04-14T13:13:13.180Z (7 months ago)
Topics: boilerplate, jest, react, redux, redux-saga, saga, standard, styled-components, webpack
Language: JavaScript
Homepage:
Size: 2.45 MB
Stars: 1
Watchers: 1
Forks: 0
Open Issues: 25
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        # React starter

[![CircleCI](https://circleci.com/gh/n6g7/react-starter.svg?style=svg)](https://circleci.com/gh/n6g7/react-starter)

[![Coverage Status](https://coveralls.io/repos/github/n6g7/react-starter/badge.svg?branch=master)](https://coveralls.io/github/n6g7/react-starter?branch=master)

[![Greenkeeper badge](https://badges.greenkeeper.io/n6g7/react-starter.svg)](https://greenkeeper.io/)

[![Known Vulnerabilities](https://snyk.io/test/github/n6g7/react-starter/badge.svg?targetFile=package.json)](https://snyk.io/test/github/n6g7/react-starter?targetFile=package.json)

## Getting started

- Create a directory for your project: `mkdir my-project && cd my-project`

- Clone this repo: `git clone [email protected]:n6g7/react-starter.git .`

- Remove existing git history: `rm -r .git`

- Start a new git repo: `git init`

- You're ready to start developing!

  - Run the app locally: `yarn dev`

  - Build: `yarn build`

  - Test: `yarn test`

## What's inside

- React (`react`, `prop-types`, `react-dom`)

- Redux (`redux`, `react-redux`, `reselect`)

- React router (`react-router-dom`, `react-router-redux`, `history`)

- Redux saga (`redux-saga`)

- Redux form (`redux-form`)

- Styled components (`styled-components`)

- Webpack (`webpack`, `webpack-dev-server`, `url-loader`)

  - Babel loader (`babel-core`, `babel-loader`, `babel-polyfill`, `babel-preset-env`, `babel-preset-react`, `babel-preset-stage-2`)

  - Dotenv plugin (`dotenv-webpack`)

  - Hot module reloading + React hot loader

- Jest (`jest`)

- Prettier (`prettier`)

- Eslint (`eslint`, `eslint-plugin-react`)

## What you could add on top

- Firebase (`firebase`, `redux-saga-firebase`, `rsf-auth`)

- VX (`@vx/axis`, `@vx/scale`, ...)