Frank Calise frankcalise

The New Architecture - Useful Resources

Infinite Red

React Native docs

Getting started with react-native-windows

React Native for Windows is a really powerful implementation of React Native for building Windows apps, the RN Windows documentation is pretty good, but this guide is meant to be a little more direct.

Here's how to spin one up!

Prerequisites

This assumes you are on a Windows machine (or VM via Parallels or Microsoft Dev Box) and have installed all the prerequisites for RN Windows. There is a great PowerShell script that will check and make sure you have everything installed.

	Set-PSReadlineOption -BellStyle None

	function prompt {
	$p = Split-Path -leaf -path (Get-Location)
	"$p> "
	}

	import { remote } from "webdriverio";

	jest.setTimeout(60000);

	const appPackage = "host.exp.exponent";
	const appActivity = `${appPackage}.experience.HomeActivity`;

	const capabilities = {
	platformName: "android",
	deviceName: "89RX0E545", // Change to the name of the AVD you're using

	const useProxyDefault = !API_CONSTANTS.PRODUCTION
	const useProxy = Platform.select({ web: false, default: useProxyDefault })

	const redirectUri = useProxyDefault
	? AuthSession.makeRedirectUri({ useProxy })
	: `scheme://yourauth0domain.us.auth0.com/${API_CONSTANTS.OS}/${API_CONSTANTS.BUNDLE_ID}/callback`

	// ...

	const [request, result, promptAsync] = AuthSession.useAuthRequest(

	//
	// ShareViewController.swift
	// RNShareMenu
	//
	// DO NOT EDIT THIS FILE. IT WILL BE OVERRIDEN BY NPM OR YARN.
	//
	// Created by Gustavo Parreira on 26/07/2020.
	//
	// Modified by Veselin Stoyanov on 17/04/2021.

	// See this recommendation for the native fix
	// https://github.com/invertase/react-native-firebase/issues/6725#issuecomment-1342808185

	import { ExpoConfig, ConfigContext } from "@expo/config"
	import { ConfigPlugin, withDangerousMod } from "expo/config-plugins"
	import { mergeContents } from "@expo/config-plugins/build/utils/generateCode"
	import * as fs from "fs"
	import * as path from "path"

	const withReactNativeFirebase: ConfigPlugin = (config) => {

	// for really long PR pages, execute this function to auto press "Load more" until done
	function expandPR()
	{
	var loadMore = document.querySelector('.ajax-pagination-btn');
	if (loadMore.length !== 0)
	{
	console.log('Clicking all these "Load more": ' + loadMore.length);
	loadMore.click();
	setTimeout(expandPR, 500);
	return;

	import { ConfigPlugin, withAppBuildGradle, withMainApplication } from "expo/config-plugins"

	/**
	*
	* Expo Config Plugin to disable Flipper entirely in Android
	*
	* How it works:
	* 1) Remove the dependency from app/build.gradle
	* 2) Remove ReactNativeFlipper initialization from MainApplication.kt
	*/