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

https://github.com/andreystarkov/rearch

on the way to cleanest react architechture
https://github.com/andreystarkov/rearch

animejs apollo boilerplate graphql ramda ramdajs react react-boilerplate react-starter redux reduxsaga reduxsauce reselect standard starter-kit styled styled-components

Last synced: 5 months ago
JSON representation

on the way to cleanest react architechture

Awesome Lists containing this project

README

          

# Nebuchadnezzar

Powerful weapon set for fighting with big projects.

## :wavy_dash: Stack

### :crown: Core
- [React](https://reactjs.org/)
- [React Router](https://reacttraining.com/react-router/web/guides/philosophy)

### :nail_care: Layout / Styling
- [Styled Components](https://www.styled-components.com/)
- [Styled Media Query](https://github.com/morajabi/styled-media-query)
- [Polished](https://polished.js.org/docs/)

### :link: State management / Data flow
- [Redux](https://github.com/reduxjs/redux)
- [Redux Saga](https://redux-saga.js.org/)
- [Reduxsauce](https://github.com/infinitered/reduxsauce)
- [Seamless Immutable](https://github.com/rtfeldman/seamless-immutable)
- [Redux Persist](https://github.com/rt2zz/redux-persist)
- [Reselect](https://github.com/reduxjs/reselect)

### :truck: Transport
- [Apisauce](https://github.com/infinitered/apisauce)
- [Apollo GraphQL Client](https://www.apollographql.com/docs/react/)

### :tada: Animations
- [Anime.js](http://animejs.com/documentation/)
- [React FLIP Toolkit](https://github.com/aholachek/react-flip-toolkit)
- [Animate.css](https://daneden.github.io/animate.css/)

### :wrench: Utils
- [Recompose](https://github.com/acdlite/recompose)
- [Ramda](https://ramdajs.com/)

### :cop: Code Style
- [ESLint](https://eslint.org/)
- [Standard Codestyle](https://standardjs.com/)

## :wavy_dash: Quick start

```bash
$ git clone https://github.com/DaoCasino/dc-react-kit ./ProjectName
$ cd ./ProjectName
$ chmod +X ./*.sh
$ npm i
$ npm start
```

## :wavy_dash: Build :fork_and_knife:

```bash
$ npm run build
```

## :wavy_dash: Tools :hammer:

#### :small_blue_diamond: Create new component:
```bash
$ ./component.sh SomeComponent
```
Now you can use it from anywhere, like:
```js
import { SomeComponent } from 'Components'
```

#### :small_blue_diamond: Create an empty screen (top-level route)

```bash
./screen.sh SomeScreen
```