How to use koot - 4 common examples

import React from 'react'
import { store, history, localeId, extend } from 'koot'

// console.log('[App]', { store, history, localeId })

import Nav from './_layout/nav'
import Main from './_layout/main'

let stateShowed = false

@extend({
    connect: state => {
        if (__CLIENT__ && __DEV__ && !stateShowed) {
            console.log('root: redux store conected', state)
            stateShowed = true
        }
        return {}
    },
    styles: require('./app.less'),
    name: 'App'
})
class App extends React.Component {
    componentDidMount() {
        if (__DEV__) {
            console.log('redux store', store)
            console.log('history', history)
        }

} from 'koot';

// console.log('[App]', { store, history, localeId })

import Nav from './_layout/nav';
import Main from './_layout/main';
import Debug from './debug';
import SSR from './ssr';

import styles from './app.less';

const { wrapper: componentClassName } = styles;

let stateShowed = false;

@extend({
    connect: state => {
        if (__CLIENT__ && __DEV__ && !stateShowed) {
            console.log('root: redux store conected', state);
            stateShowed = true;
        }
        return {};
    },
    styles,
    name: 'App'
})
class App extends React.Component {
    componentDidMount() {
        if (__DEV__) {
            console.log('redux store', getStore());
            console.log('history', history);
        }

import React from 'react';
import { store, history, extend } from 'koot';
import clientGetStyles from 'koot/utils/client-get-styles';

import Nav from './_layout/nav';
import Main from './_layout/main';

let stateShowed = false;

@extend({
    connect: state => {
        if (__CLIENT__ && __DEV__ && !stateShowed) {
            console.log('root: redux store conected', state);
            stateShowed = true;
        }
        return {};
    },
    styles: require('./app.component.less')
})
class App extends React.Component {
    componentDidMount() {
        if (__DEV__) {
            console.log('redux store', store);
            console.log('history', history);
        }
        if (__CLIENT__) {

import React from 'react'
import { store, history, extend } from 'koot'

import Nav from './_layout/nav'
import Main from './_layout/main'

let stateShowed = false

@extend({
    connect: state => {
        if (__CLIENT__ && __DEV__ && !stateShowed) {
            console.log('root: redux store conected', state)
            stateShowed = true
        }
        return {}
    },
    styles: require('./app.component.less')
})
class App extends React.Component {
    componentDidMount() {
        if (__DEV__) {
            console.log('redux store', store)
            console.log('history', history)
        }
    }