pavankataria

    func scene(_ scene: UIScene, willConnectTo session: UISceneSession, options connectionOptions: UIScene.ConnectionOptions) {
        
        /// 1. Capture the scene
        guard let windowScene = (scene as? UIWindowScene) else { return }
        
        /// 2. Create a new UIWindow using the windowScene constructor which takes in a window scene.
        let window = UIWindow(windowScene: windowScene)
        
        /// 3. Create a view hierarchy programmatically
        let viewController = ArticleListViewController()

pavankataria

// A very cool visualisation machine
// Allows you to see what the state machine does
// And how it transitions from one state to the next
const toggleMachine = new Machine({
  id: 'toggleMachine', 
  initial: 'inactive',
  states: {
    inactive: {
      // Tell it which events the state should listen for. 
      // And you do that by defining an on property. 

pavankataria

const allData = new Array(25).fill(0).map((_valu, i) => i + 1);
const perPage = 10;

const dataMachine = new Machine({
  id: 'dataMachine',
  initial: 'loading',
  context: {
    data: []
  },
  states: {

pavankataria

const lightMachine = Machine({
  key: 'light',
  initial: 'green',
  states: {
    green: {
      on: { NEXT: "yellow" }
    },
    yellow: {      on: { NEXT: "red" }},
    red: {
      initial: 'green',

pavankataria

const promiseMachine = Machine({
  id: 'promise',
  initial: 'pending',
  states: {
    pending: {
      on: {
        // state transition (shorthand)
        // this is equivalent to { target: 'resolved' }
        RESOLVE: 'resolved',

pavankataria

const fetchMachine = Machine({
  id: 'fetch',

  // Initial state
  initial: 'idle',

  // States
  states: {
    idle: {
      on: {

pavankataria

const pedestrianStates = {
  initial: 'walk',
  states: {
    walk: {
      on: {
        PED_COUNTDOWN: 'wait'
      }
    },
    wait: {
      on: {

pavankataria

const fetchMachine = Machine({
  id: 'fetch',

  // Initial state
  initial: 'idle',

  // States
  states: {
    idle: {
      on: {

pavankataria

const lightMachine = Machine({
  id: 'light',
  initial: 'green',
  states: {
    green: {
      on: { TIMER: 'yellow' }
    },
    yellow: {
      on: { TIMER: 'red' }
    },

pavankataria

const factoryViewing = Machine({
  id: 'factoryViewing',
  initial: 'idle',
  states: {
    idle: {
      on: {
        LOAD: 'loading'
      }
    },
    loading: {