Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/jimmymcbride/cra-template-bushido-plus

Bushido template plus placeholder private route / auth set up.
https://github.com/jimmymcbride/cra-template-bushido-plus

Last synced: about 1 month ago
JSON representation

Bushido template plus placeholder private route / auth set up.

Awesome Lists containing this project

README

        

# Welcome to Jimmy's Custom Template, Bushido Plus!

## How To Install

### yarn

`yarn create react-app --template bushido-plus`

### npm

`npm init react-app --template bushido-plus`

### npx

`npx create-react-app --template bushido-plus`

### global

> If create-react-app is installed globally on your computer you can use this command:

`create-react -app --template bushido-plus`

## What makes it extra?

Bushido plus template comes with a placeholder private route / auth configuration.

Just like regular create-react-app but so much more. This template includes:

- axios
- bushido-strap
- node-sass
- react-redux
- react-router
- react-router-dom
- redux
- redux-logger
- redux-thunk
- serve
- styled-components

There is also a `serve` script that let's your run `serve -s build` and a `build-and-serve` script that runs `npm run build && npm run serve`.

Redux boilerplate is set up with combine reducers and has a simple counter reducer used in one of the routes that use's react-redux's beautiful hooks to access actions and state from reducer's.

Reducer and action folders are inside a store folder so they are in the same spot.

```
| src |
| --- | components
| --- | *store* |
| --- | ------- |actions*
| --- | --- | reducers*
| App.js
| index.js
```

Routes are set in App.js and all components for routes are built in components folder.

## BUSHIDO_STRAP

WTF is bushido-strap? Well, friend, it is a personal style library of mine. It has a bunch of handy styled components I've slowly crafted over time. It's already set up in this project. [Check out the documentation here to see everything this modest style library has to offer!](https://www.npmjs.com/package/bushido-strap)