Starting Redux

Creating store and getting state from it

by John Kiran

HTML

<!-- UI -->
<div id="container"></div>

<!-- React -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.4.1/react.js"></script>

<!-- ReactDOM -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.4.1/react-dom.js"></script>

<!-- Redux -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/redux/3.6.0/redux.min.js"></script>

<!-- ReactRedux -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-redux/4.4.6/react-redux.min.js"></script>

Babel + JSX

//initial state
let initialState={msg:"John",name:"Kiran"};

//creating store with state
let store=Redux.createStore(reducer,initialState);

//making reducer function 
function reducer(state,action) {
	return state;
}

//getting data from the store
class Hello extends React.Component {
  render() {
    return <div>Hello {store.getState().msg}</div>;
  }
}

ReactDOM.render(
  <Hello/>,
  document.getElementById('container')
);