andreystarkov / rearch

on the way to cleanest react architechture

Nebuchadnezzar

Powerful weapon set for fighting with big projects.

〰️ Stack

👑 Core

• React
• React Router

💅 Layout / Styling

• Styled Components
• Styled Media Query
• Polished

🔗 State management / Data flow

• Redux
• Redux Saga
• Reduxsauce
• Seamless Immutable
• Redux Persist
• Reselect

🚚 Transport

• Apisauce
• Apollo GraphQL Client

🎉 Animations

• Anime.js
• React FLIP Toolkit
• Animate.css

🔧 Utils

• Recompose
• Ramda

👮 Code Style

• ESLint
• Standard Codestyle

〰️ Quick start

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

〰️ Build 🍴

 $ npm run build

〰️ Tools 🔨

🔹 Create new component:

 $ ./component.sh SomeComponent

Now you can use it from anywhere, like:

  import { SomeComponent } from 'Components'

🔹 Create an empty screen (top-level route)

  ./screen.sh SomeScreen