reatty

Simple, but robust starter/example built on React/Redux/React-Semantic-UI [READY]

Reatty

Out-of-box:

What is it?

Simple, but robust boilerplate.

Why I need it?

You don't need to debug or write webpack configs for new project anymore.

Many templates currently aren't 100% ready - some setups have old dependencies versions (boilerplates with webpack v1.* is a good example), other templates are too small and you have to write setup code by yourself.

Also, this setup isn't a "template-killer", it's just a robust setup that works.

Pros:

  • You have already some code pre-written.
  • Code was written following React&Redux concepts.
  • Latest dependencies.

Cons:

  • You have already some code pre-written. But you always can remove it :)
  • No SSR (currently).

Includes:

Usage

git clone https://github.com/Metnew/reatty.git reatty
cd reatty && rm -rf .git  
npm install

Run:

npm run dev # run app in dev mode
npm run db  # run mock db for app(from another process)

Build:

npm run build

It will generate "dist" folder with app.

Folder structure:

│ Reatty
├── common - Your App
│   └── actions - application actions
│   ├── api - Services and XHR utils(also custom form validation, see InputComponent from components/common)
│   ├── components - components according to "Redux philosophy"
        └── common - common components of App, currently only wrapper for Semantic <Input /> component
│   ├── config - frontend config depending on REACT_WEBPACK_ENV
│   ├── containers - containers according to "Redux philosophy"
│   ├── reducers - application reducers
│   ├── routing - application routing
│   ├── styles - styles folder with scss vars, mixins, etc.
│   ├── index.jsx - project entry
│   ├── index.html
├── db // mock db
├── static - static assets(imgs, media)
├── webpack_config - Webpack configuration scripts

Also:

PRs, questions and issues are welcome)

LICENSE

MIT