lostpebble

Building a react native app in WSL2

Install, build and debug a react native app in WSL2 (Windows Subsystem for Linux) and Ubuntu.

• Install tools in Windows
• Install tools in WSL2
• Connect to android hardware device from WSL2
• Connect to android virtual device in Windows
  • Start android virtual device in Windows
• Start adb server in Windows

lostpebble

import React, { createContext, useCallback, useContext, useEffect, useRef } from "react";
import { useFela } from "react-fela";

interface IFelaCache { cache: { [key: string]: string }; set: TSetCacheValue; };

type TSetCacheValue = (key: string, classes: string) => string;

const felaCacheContext = createContext<IFelaCache>({ cache: {}, set: (key, classes) => ""});

const Provider = felaCacheContext.Provider;

lostpebble

import { Store } from "pullstate";
import { LocalStorage } from "@gt/gt-frontend/build/localStorage/LocalStorage";
import { get, pick, set } from "lodash";

interface IStoreWithValues<S> {
  key: string;
  store: Store<S>;
  values?: Array<keyof S>;
  deepValues?: string[];
}

lostpebble

// INDIVIDUAL COLORS
$color-blue-shadow: rgb(46, 54, 64);
$color-mid-blue-shadow: rgb(88, 100, 115);
$color-light-blue-shadow: rgb(124, 139, 153);
$color-warn: rgb(255,117,25);
$color-dark-blue: #267eae;
$color-mid-blue: rgb(108, 181, 227);
$color-light-blue: rgb(89, 195, 251);
$color-lightest-blue: rgb(191, 248, 255);
$color-white-blue: rgb(238, 248, 255);