https://github.com/prabaprakash/youtube-channel
Configuration files for my YouTube tutors
https://github.com/prabaprakash/youtube-channel
docker hadoop
Last synced: 8 months ago
JSON representation
Configuration files for my YouTube tutors
- Host: GitHub
- URL: https://github.com/prabaprakash/youtube-channel
- Owner: prabaprakash
- Created: 2017-01-17T12:07:01.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2019-07-11T23:00:23.000Z (over 6 years ago)
- Last Synced: 2025-03-25T08:20:59.420Z (9 months ago)
- Topics: docker, hadoop
- Language: JavaScript
- Homepage:
- Size: 6.84 KB
- Stars: 5
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Youtube_Channel
Configuration files for my YouTube tutors
# React Redux In Depth
```jsx
import React from "react";
import PropTypes from "prop-types";
import { render } from "react-dom";
const reducers = (state = {}, action) => {
switch (action.type) {
case "initiate":
return Object.assign({ number: 0 }, state);
case "add":
return Object.assign(state, { number: state.number + 1 });
case "sub":
return Object.assign(state, { number: state.number - 1 });
case "save":
return Object.assign(state, { number: action.number });
}
};
const createStore = (initialState = {}, reducers) => {
let state = initialState;
let listeners = [];
const getState = () => state;
const dispatch = action => {
state = reducers(state, action);
listeners.forEach(listener => listener());
};
const subscribe = listener => {
listeners.push(listener);
return () => {
listeners = listeners.filter(l => l !== listener);
};
};
return { getState, dispatch, subscribe };
};
var store = createStore({}, reducers);
const unsubscribe = store.subscribe(() => {
console.log(JSON.stringify(store.getState()));
});
store.dispatch({ type: "initiate" });
store.dispatch({ type: "add" });
store.dispatch({ type: "add" });
store.dispatch({ type: "add" });
store.dispatch({ type: "add" });
store.dispatch({ type: "sub" });
store.dispatch({ type: "sub" });
//unsubscribe();
store.dispatch({ type: "sub" });
class App extends React.Component {
constructor(props) {
super(props);
this.handleChange = this.handleChange.bind(this);
}
handleChange(e) {
parseInt(e.target.value)
? this.props.dispatch({ type: "save", number: parseInt(e.target.value) })
: "";
}
render() {
return (
this.props.dispatch({ type: "add" })}
/>
this.props.dispatch({ type: "sub" })}
/>
);
}
}
App.propTypes = {
number: PropTypes.number,
dispatch: PropTypes.func
};
store.subscribe(() =>
render(
,
document.getElementById("app")
)
);
store.dispatch({ type: "sub" });
store.dispatch({ type: "add" });
store.dispatch({ type: "add" });
store.dispatch({ type: "add" });
```