-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+class App extends React.Component {
+
+ componentDidMount() {
+ fetch('https://jsonplaceholder.typicode.com/users')
+ .then(res => res.json())
+ .then(users => {
+ let message = {value: users, type:'USERS_LOADED'};
+ store.dispatch(message)
+ })
+ }
+
+ render() {
+
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
- );
+ )
+ };
}
export default App;
\ No newline at end of file
diff --git a/src/actions/index.js b/src/actions/index.js
index 78955f4..d222978 100644
--- a/src/actions/index.js
+++ b/src/actions/index.js
@@ -1,6 +1,14 @@
+export const INCREASE_COUNTER = 'INCREASE_COUNTER';
+
export function increaseCounter(){
return {
- type:"INCREASE_COUNTER"
+ type:INCREASE_COUNTER
+ }
+}
+
+export function decreaseCounter() {
+ return {
+ type:"DECREASE_COUNTER"
}
}
@@ -21,4 +29,32 @@ export function removeUser(){
return {
type:"REMOVE_USER"
}
+}
+
+export function setCurrentCity(city) {
+ return {
+ type: "SET_CURRENT_CITY",
+ value: city
+ }
+}
+
+export function setTemp(temp) {
+ return {
+ type: 'SET_TEMP',
+ value: temp
+ }
+}
+
+export function setIsLoading(isLoading) {
+ return {
+ type: 'SET_IS_LOADING',
+ value: isLoading
+ }
+}
+
+export function setVideoURL(url) {
+ return {
+ type: 'SET_VIDEO_URL',
+ value: url
+ }
}
\ No newline at end of file
diff --git a/src/components/Counter.js b/src/components/Counter.js
index e858afd..f9422fc 100644
--- a/src/components/Counter.js
+++ b/src/components/Counter.js
@@ -1,4 +1,5 @@
import React from 'react';
+import {connect} from 'react-redux';
function Counter(props) {
return (
@@ -7,4 +8,11 @@ function Counter(props) {