Mateus Andrade MateusAndrade

Node.js on Apple Silicon

Node Version Manager (https://github.com/nvm-sh/nvm) works perfectly across native node installations as well as emulated Rosetta installations. The trick I am using here is to install one LTS version of node under Rosetta and another stable version as native binary.

TODO

find a way how to run the same node version on both platforms

React Native Swift Module Singleton Pattern

If you are reading this tutorial please be aware that this is for advanced users that require a singleton pattern in their RN native module and some documentation detail is left out intentionally.

For the sake of this tutorial we will be using TestManager as our class.

Instructions

First of all you need to setup a swift class with a bridging header, in Xcode it will generate this for you upon creating a Swift file.
Create your swift class with the @objc directive.
Create a second class that has a static export of the class in singleton.
Follow the files below for a boilerplat example.

Ps: The current setup was done on 01-04-19

Project Dependency Versions at the time 👇

  "react": "^16.7.0",
  "react-dom": "^16.7.0",
  "react-scripts": "2.1.3",
  "typescript": "^3.2.2"
  "tslint": "^5.12.0",
  "tslint-config-prettier": "^1.17.0",

Requirements:

Device should be a rooted (simulator’s are rooted by default)
adbd should be started as root. (Rub command: adb root )

Now, send local push message using command:

Password Autofill on a React Native Expo app

Developing an app to accompany our website, worried that we would lose people in the transition if they couldn't remember their password, we were looking to make our app do Password AutoFill, a feature in iOS.

A talk from WWDC introducing the feature: https://developer.apple.com/videos/play/wwdc2017/206/

It works well, but there were a few bumps in the road making it work for React Native on Expo, so here are some notes to help out.

Apple's docs are here: https://developer.apple.com/documentation/security/password_autofill and they say something like this:

	// not iterable
	{
	const myItem = {
	a: 1,
	b: 2
	}
	// const r = [...myItem] // TypeError: myItem is not iterable
	}

	// now object is iterable

	import { useEffect, useState } from 'react';
	import * as Font from 'expo-font';
	import { SplashScreen } from 'expo';

	/**
	* Load and use resources that need to be loaded async by Expo SDK
	*/
	const useExpoResources = () => {
	const [isLoading, setIsLoading] = useState(true);

	// change 'agent' lines as appropriate

	pipeline {
	agent none

	stages {

	stage('Run CI?') {
	agent any
	steps {

	/**
	* Metro configuration for React Native
	* https://github.com/facebook/react-native
	*
	* @format
	*/

	const path = require('path');

	const { FileStore } = require('metro-cache');

	import { useEffect, useRef } from 'react';

	export const useEventEmitter = (eventEmitter, eventName: string, fn: () => void) => {
	const subscription = useRef(null);

	useEffect(() => {
	subscription.current = eventEmitter.addListener(eventName, fn);

	return () => {
	if (subscription.current) {