Comparing Svelte and React(jackfranklin.co.uk)

  States: Locked, Unlocked

  State transition table:
  
  Current State | Transition | Next State
  ---------------------------------------
  Locked        | Lock       | Locked
  Unlocked      | Lock       | Locked
  Locked        | Unlock     | Unlocked
  Unlocked      | Unlock     | Unlocked

  Initial State: Unlocked

  import { createStore } from 'redux';

  const initialState = 'Unlocked';
  
  const reducer = (currentState, transition) => {
    if (currentState === 'Locked' && transition === 'Lock') {
      return 'Locked';
    } else if (currentState === 'Locked' && transition === 'Unlock') {
      return 'Unlocked';
    } else if (currentState === 'Unlocked' && transition === 'Lock') {
      return 'Locked';
    } else if (currentState === 'Unlocked' && transition === 'Unlock') {
      return 'Unlocked';
    }
  };
  
  const store = createStore(reducer, initialState);

  // We're done! Now we can play with our state machine

  console.log(store.getState()); // 'Unlocked'

  store.dispatch('Lock');
  console.log(store.getState()); // 'Locked'

  store.dispatch('Lock');
  console.log(store.getState()); // 'Locked'

  store.dispatch('Unlock');
  console.log(store.getState()); // 'Unlocked'