chathuranga94

import React from 'react';
import { GlobalStoreProvider, GlobalStore } from 'global-store-hook';

const App = () => {
    const init = {
        lang: 'en',
        color: 'blue'
    }

    return (

chathuranga94

import React, { useContext, useReducer } from 'react';

const AppContext = React.createContext({});

const App = () => {
    let initialState = { lang: 'en', color: 'blue'};
    
    let reducer = (state, action) => {
        switch (action.type) {
            case "change-language":

chathuranga94

import React, { useState, useContext } from 'react';

const AppContext = React.createContext({});

const App = () => {
    const [lang, setLang] = useState('en');
    const [color, setColor] = useState('blue');

    const store = {
        lang: { get: lang, set: setLang },

chathuranga94

import React from 'react'
import { connect } from 'react-redux'

const Menu = ({ lang, changeLanguage }) =>
    <div>
        <p>Current Language: {lang}</p>
        <button onClick={() => changeLanguage('en')}>English</button>
        <button onClick={() => changeLanguage('fr')}>French</button>
    </div>
    

chathuranga94

import React from 'react';

class App extends React.Component {
    state = { lang: 'en', color: 'blue' }

    changeLanguage = (lang) => {
        this.setState({...this.state, lang: lang});
    }

    render() {

chathuranga94

import React from 'react';
import { globalStore } from './global';

const languages = { en: 'en', fr: 'fr' };

const { Provider: AppProvider, Consumer: AppConsumer } = React.createContext({});

const App = () => {

    const init = { lang: 'en', color: 'blue', count: 20 }

chathuranga94

import React from 'react';
import { globalStore } from './global';

const languages = { en: 'en', fr: 'fr' };

const { Provider: AppProvider, Consumer: AppConsumer } = React.createContext({});

const App = () => {

    const init = { lang: 'en', color: 'blue', count: 20 }

chathuranga94

import React, { useState } from 'react';

const languages = { en: 'en', fr: 'fr' };
const initialTheme = { colour: 'blue', lang: languages.en, setLanguage: () => {} };
const { Provider: AppProvider, Consumer: AppConsumer } = React.createContext(initialTheme);

const App = () => {

    const setLanguage = (lang) => {
        setTheme({ ...theme, lang: lang });

chathuranga94

import React, { useState } from 'react';

const languages = { en: 'en', fr: 'fr' };
const initialTheme = { colour: 'blue', lang: languages.en };
const { Provider: AppProvider, Consumer: AppConsumer } = React.createContext(initialTheme);

const App = () => {

    const [theme, setTheme] = useState(initialTheme);

chathuranga94

import React from 'react';

const AppContext = React.createContext({ colour: 'blue', lang: 'en' });

const App = () => 
    <AppContext.Provider value={{ colour: 'blue', lang: 'fr' }}>
        <Menu />
    </AppContext.Provider>;

function Menu() {