Skip to content

eesur/React-Redux-Boilerplate

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

35 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React with Redux Boilerplate

/*
                 ┌────────────────────────┐
                 │                        │
                 │       S T O R E        │
                 │                        │
              ┌──│ object literal (POJO)  │◀──┐
              │  │ of all state and data  │   │
              │  │                        │   │
              │  └────────────────────────┘   │
              │                               │
              │                               │
              ▼                               │
 ┌────────────────────────┐                   │
 │                        │                   │
 │    P R O V I D E R     │                   │
 │                        │                   │
 │ makes store available  │                   │
 │   to all containers    │      ┌────────────────────────┐
 │                        │      │                        │
 └────────────────────────┘      │    R E D U C E R S     │
              │                  │                        │
              │                  │ functions that take in │
              ▼                  │   actions and update   │
 ┌────────────────────────┐      │   part of the state    │
 │                        │      │                        │
 │  C O N T A I N E R S   │      └────────────────────────┘
 │                        │                   ▲
 │  fetch app state data  │                   │
 │   and use to render    │                   │
 │       components       │                   │
 │                        │                   │
 └────────────────────────┘      ┌────────────────────────┐
              │                  │                        │
              │                  │     A C T I O N S      │
              ▼                  │                        │
 ┌────────────────────────┐      │ any change made to the │
 │                        │      │   applications state   │
 │  C O M P O N E N T S   │      │                        │
 │                        │      └────────────────────────┘
 │     react stateless    │                   ▲
 │       components       │                   │
 │                        │                   │
 │                        │                   │
 └────────────────────────┘                   │
              │                               │
              │                               │
              │                               │
              │         ___                   │
              │        /\  \                  │
              │        \:\  \       ___       │
              │         \:\  \     /\__\      │
              │     ___  \:\  \   /:/__/      │
              └─▶  /\  \  \:\__\ /::\  \     ─┘
                   \:\  \ /:/  / \/\:\  \__
                    \:\  /:/  /   ~~\:\/\__\
                     \:\/:/  /       \::/  /
                      \::/  /        /:/  /
                       \/__/         \/__/

*/

This project was bootstrapped with Create React App.

It is forked from buckyrobert's React-Redux-Boilerplate

It has been changed/tweaked to:

  • separate out the components as mentioned in Bucks video tutorials
  • use stateless components
  • removed Sass, replaced with Rebass styled-components)
  • use Bill Murry as the image placeholders :)

scrren shot

View build: https://eesur.github.io/React-Redux-Boilerplate


Getting Started

Clone the repo:

> git clone https://github.com/eesur/React-Redux-Boilerplate.git

Goinside the downloaded directory:

> cd React-Redux-Boilerplate

To get started, first install all the necessary dependencies.

> npm install

Start the development server (changes will now update live in browser)

> npm run start

To view your project, go to: http://localhost:3000/

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 78.1%
  • HTML 21.9%