d4ins

class Configuration {
    calendar: Calendar;

    constructor(config: ConfigurationArgs) {
        switch (config.os) {
            case 'ios':
                this.calendar = new AppleCalendar();
                break;
            case 'chromeos':
                this.calendar = new GoogleCalendar();

d4ins

class Configuration {
    calendar;

    constructor(config) {
        switch (config.os) {
            case 'ios':
                this.calendar = new AppleCalendar();
                break;
            case 'chromeos':
                this.calendar = new GoogleCalendar();

d4ins

class Application {
    calendar;

    constructor(calendar) {
        this.calendar = calendar;
    }

    run() {
        this.calendar.createEvent({name: 'Abstract Factory Pattern', date: new Date(), participants: []});
    }

d4ins

class OutlookCalendar {
    createEvent({name, date, participants}) {
        MicrosoftAPI.createEvent({title: name, date, users: participants});
    }
}

d4ins

class AppleCalendar {
    createEvent({name, date, participants}) {
        AppleAPI.createEvent({name, date, participants});
    }
}

d4ins

class GoogleCalendar {
    createEvent({name, date, participants}) {
        GoogleAPI.createEvent({title: name, date, invitees: participants});
    }
}

d4ins

import {Dimensions} from 'react-native';

import {BaseGroup} from './base_group';
import {Boundaries} from './boundaries';

export class WorldBoundaries extends BaseGroup {
  constructor() {
    super();

    this.objects.push(

d4ins

import {useLayoutEffect, useState} from 'react';
import {Dimensions, View} from 'react-native';

import {Pointer} from '../../helpers/pointer';

export class BaseGroup extends Pointer {
  objects = [];

  ref = null;

d4ins

import {Dimensions} from 'react-native';
import {Base} from './base';

export class Boundaries extends Base {
  constructor({top, left}) {
    super({
      physicalAttributes: {
        top,
        left,
        width: Dimensions.get('window').width,

d4ins

import React, {useLayoutEffect, useRef} from 'react';
import {
  Button,
  Dimensions,
  ImageBackground,
  Pressable,
  SafeAreaView,
  StyleSheet,
  View,
} from 'react-native';