section 9 & 10 added

Author: indiTechCoder

Section-08-React Redux/Basic Examples Redux/src/redux/actions/addTodo.js

@@ -5,7 +5,7 @@ let nextTodoId = 0;
 const addTodo = (text) => {
   return {
     type: ADD_TODO,
-    id: nextTodoId++,
+     data : response
     text
   };
 };

Section-08-React Redux/Basic Examples Redux/src/redux/entry.js

@@ -2,16 +2,14 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import { Provider } from 'react-redux';
 // redux devtools middleware
-import configureStore from './helpers/configureStore';
-
 import todoApp from './reducers/todoApp';
 import TodoApp from './components/TodoApp/TodoApp';
-
+import thunk from 'redux-thunk'
 
 require('../styles/common.scss');
 
 ReactDOM.render(
-  <Provider store={configureStore(todoApp)}>
+  <Provider store={createStore(todoApp ,applyMiddleware(thunk))}>
     <TodoApp />
   </Provider>,
   document.getElementById('root')

Section-08-React Redux/ES6 Redux App Weather/src/containers/search_bar.js

@@ -42,7 +42,7 @@ class SearchBar extends Component {
 }
 
 function mapDispatchToProps(dispatch) {
-  return bindActionCreators({ fetchWeather }, dispatch);
+  return bindActionCreators({ fetchWeather :  fetchWeather }, dispatch);
 }
 
 export default connect(null, mapDispatchToProps)(SearchBar);

Section-08-React Redux/ES6 Redux App Weather/src/containers/weather_list.js

@@ -41,7 +41,7 @@ class WeatherList extends Component {
 }
 
 function mapStateToProps({ weather }) {
-  return { weather };
+  return { weather : weather };
 }
 
 export default connect(mapStateToProps)(WeatherList);

Section-08-React Redux/ES6 Redux App Weather/src/index.js

@@ -7,10 +7,10 @@ import ReduxPromise from 'redux-promise';
 import App from './components/app';
 import reducers from './reducers';
 
-const createStoreWithMiddleware = applyMiddleware(ReduxPromise)(createStore);
+
 
 ReactDOM.render(
-  <Provider store={createStoreWithMiddleware(reducers)}>
+  <Provider store={createStore(reducers , applyMiddleware(ReduxPromise))}>
     <App />
   </Provider>
   , document.querySelector('.container'));

Section-08-React Redux/Sarter App Redux ES6/index.js

@@ -1,22 +1,12 @@
 import React from 'react'
 import ReactDOM from 'react-dom'
 import { createStore } from 'redux'
-import Counter from './components/Counter'
-import counter from './reducers'
+import App from '../componen/app'
+import reducers from './reducer'
+import ReduxPromise from 'redux-promise'
 
-const store = createStore(counter)
-const rootEl = document.getElementById('root')
-
-function render() {
-  ReactDOM.render(
-    <Counter
-      value={store.getState()}
-      onIncrement={() => store.dispatch({ type: 'INCREMENT' })}
-      onDecrement={() => store.dispatch({ type: 'DECREMENT' })}
-    />,
-    rootEl  
-  )
-}
-
-render()
-store.subscribe(render)
+ReactDOM.render(
+<Provider store={createStore(reducers , applyMiddleware(ReduxPromise))}
+<App/>
+</Provider>, document.getElementById('app')
+)

Section-08-React Redux/counter/index.js

@@ -6,6 +6,7 @@ import counter from './reducers'
 
 const store = createStore(counter)
 const rootEl = document.getElementById('root')
+console.log(store.getState());
 
 function render() {
   ReactDOM.render(

Section-08-React Redux/counter/reducers/index.js

@@ -1,8 +1,14 @@
 export default function counter(state = 0, action) {
+
+
   switch (action.type) {
     case 'INCREMENT':
+          console.log(action);
+     console.log(state);
       return state + 1
     case 'DECREMENT':
+         console.log(action);
+     console.log(state);
       return state - 1
     default:
       return state

Section-08-React Redux/shopping-cart/actions/index.js

@@ -7,15 +7,13 @@ function receiveProducts(products) {
     products: products
   }
 }
-
 export function getAllProducts() {
   return dispatch => {
     shop.getProducts(products => {
       dispatch(receiveProducts(products))
     })
   }
 }
-
 function addToCartUnsafe(productId) {
   return {
     type: types.ADD_TO_CART,
@@ -34,7 +32,6 @@ export function addToCart(productId) {
 export function checkout(products) {
   return (dispatch, getState) => {
     const cart = getState().cart
-
     dispatch({
       type: types.CHECKOUT_REQUEST
     })

Section-08-React Redux/shopping-cart/api/shop.js

@@ -9,7 +9,6 @@ export default {
   getProducts(cb, timeout) {
     setTimeout(() => cb(_products), timeout || TIMEOUT)
   },
-
   buyProducts(payload, cb, timeout) {
     setTimeout(() => cb(), timeout || TIMEOUT)
   }

Section-09-Redux Forms & Middlware/Redux Blog App/.babelrc

@@ -0,0 +1,3 @@
+{
+  "presets": ["react", "es2015", "stage-1"]
+}

Section-09-Redux Forms & Middlware/Redux Blog App/.gitignore

@@ -0,0 +1,12 @@
+/node_modules/
+*/node_modules/
+/bower_components/
+*/bower_components/
+.settings
+.project
+.project
+.metadata
+.classpath
+.settings/
+logfile.txt
+

Section-09-Redux Forms & Middlware/Redux Blog App/README.md

@@ -0,0 +1,23 @@
+# ReduxSimpleStarter
+
+###Getting Started###
+
+There are two methods for getting started with this repo.
+
+####Familiar with Git?#####
+Checkout this repo, install depdencies, then start the gulp process with the following:
+
+```
+	> git clone [email protected]:StephenGrider/ReduxSimpleStarter.git
+	> cd ReduxSimpleStarter
+	> npm install
+	> npm start
+```
+
+####Not Familiar with Git?#####
+Click [here](https://github.com/StephenGrider/ReactStarter/releases) then download the .zip file.  Extract the contents of the zip file, then open your terminal, change to the project directory, and:
+
+```
+	> npm install
+	> npm start
+```

Section-09-Redux Forms & Middlware/Redux Blog App/apiserver/.gitignore

@@ -0,0 +1,19 @@
+# See https://help.github.com/articles/ignoring-files for more about ignoring files.
+#
+# If you find yourself ignoring temporary files generated by your text editor
+# or operating system, you probably want to add a global ignore instead:
+#   git config --global core.excludesfile '~/.gitignore_global'
+
+# Ignore bundler config.
+/.bundle
+
+# Ignore the default SQLite database.
+/db/*.sqlite3
+/db/*.sqlite3-journal
+
+# Ignore all logfiles and tempfiles.
+/log/*.log
+/tmp
+
+# Ignore ruby-version
+/.ruby-version

Section-09-Redux Forms & Middlware/Redux Blog App/apiserver/Gemfile

@@ -0,0 +1,43 @@
+source 'https://rubygems.org'
+ruby '2.2.4'
+
+# Bundle edge Rails instead: gem 'rails', github: 'rails/rails'
+gem 'rails', '4.2.3'
+# Use postgresql as the database for Active Record
+gem 'sqlite3'
+gem 'rails_12factor', group: :production
+# Use SCSS for stylesheets
+gem 'sass-rails', '~> 5.0.3'
+# Use Uglifier as compressor for JavaScript assets
+gem 'uglifier', '>= 1.3.0'
+# Use CoffeeScript for .js.coffee assets and views
+gem 'coffee-rails', '~> 4.0.0'
+# See https://github.com/sstephenson/execjs#readme for more supported runtimes
+# gem 'therubyracer',  platforms: :ruby
+gem 'rack-cors', :require => 'rack/cors'
+gem "rack-attack", group: :production
+gem 'dalli', group: :production
+gem 'obscenity'
+
+# Use jquery as the JavaScript library
+gem 'jquery-rails'
+# Turbolinks makes following links in your web application faster. Read more: https://github.com/rails/turbolinks
+gem 'turbolinks'
+# Build JSON APIs with ease. Read more: https://github.com/rails/jbuilder
+gem 'jbuilder', '~> 2.0'
+# bundle exec rake doc:rails generates the API under doc/api.
+gem 'sdoc', '~> 0.4.0',          group: :doc
+
+# Spring speeds up development by keeping your application running in the background. Read more: https://github.com/rails/spring
+gem 'spring',        group: :development
+
+# Use ActiveModel has_secure_password
+# gem 'bcrypt', '~> 3.1.7'
+
+gem 'puma'
+
+# Use Capistrano for deployment
+# gem 'capistrano-rails', group: :development
+
+# Use debugger
+# gem 'debugger', group: [:development, :test]