syamjayaraj

import React from "react";

function Footer() {
  return (
    <div className="footer">
      <footer class="py-5 bg-dark fixed-bottom">
        <div class="container">
          <p class="m-0 text-center text-white">
            Copyright &copy; Your Website 2020
          </p>

syamjayaraj

import React from "react";

function Navigation(props) {
  return (
    <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
      <div class="container">
        <a class="navbar-brand" href="#">
          React Multi-Language Website
        </a>
        <div className="language-select">

syamjayaraj

import React from 'react'
import { render } from 'react-dom'
import { Provider } from 'react-redux'
import CounterComponent from './containers/CounterComponent'
import store from './store'

render(
  <Provider store={store}>
    <CounterComponent />
  </Provider>,

syamjayaraj

import {applyMiddleware, createStore} from 'redux'
import logger from 'redux-logger'
import rootReducer from '../reducers'

const store = createStore(rootReducer, applyMiddleware(
    logger
))

export default store

syamjayaraj

const initialState = {
    count: 0,
}

function CounterReducer (state = initialState, action){
    switch(action.type){
        case "INCREMENT_COUNT": {
            return {...state, ...action}
        }
        case "DECREMENT_COUNT": {

syamjayaraj

import {combineReducers} from 'redux'
import CounterReducer from '../reducers/CounterReducer'

export default combineReducers({
    counter: CounterReducer,
})

syamjayaraj

export const incrementCount = count => {
  const num = count+1
  return {
  type: 'INCREMENT_COUNT',
  count: num
  }
}

export const decrementCount = count => {
  const num = count - 1

syamjayaraj

import React from 'react'

const Button = (props) => {

    return(
        <div>
            <button onClick = {props.action} >{props.buttonTitle}</button>
        </div>
    )
}

syamjayaraj

import React, {Component} from 'react'
import Button from '../components/Button'
import {connect} from 'react-redux'
import {incrementCount, decrementCount} from '../actions/index'

class CounterComponent extends Component{

handleBtnActionIncrement = () => {
  this.props.onIncrementClick(this.props.count)
}

syamjayaraj

import React from 'react'
import { render } from 'react-dom'
import { Provider } from 'react-redux'
import CounterComponent from './containers/CounterComponent'
import store from './store'

render(
  <Provider store={store}>
  <CounterComponent />
  </Provider>,