Arturs Jansons iegik

Determine in code if app runs in Expo Go or not

import Constants from 'expo-constants'
Constants.appOwnership === 'expo'

https://stackoverflow.com/questions/72927696/determine-in-code-if-app-runs-in-expo-go-or-not-in-production-build

Permissions

Responsive Design for Motion

MacOS: Settings > Accessibility -> Select Motion -> Reduce Motion.

.bar {
  animation-name: skew;
}
@media screen and (prefers-reduced-motion) {
  .bar {
 transition: none;

Share TTY

On remote screen:

ssh foo@bar

screen -d -m -S shared

Linux containers (LXC)

https://linuxcontainers.org/

brew install lxc

Presentational and Container Components

Dumb (stateless) and Smart components

Dumb:

import React from 'react';
export default (props = {}) => (
    <View/>
)

Before rafactoring, clean the code base

Use Git
Choose your style guide and use linters
Create graph and clean dead code
Determinate code duplication, use patterns

Git

Using git saves time to find a bug, by code author or feature

Ionic/Capacitor

Add ionic to existing app

ionic init

choose your js fasmework

Setup

npm install -g cordova
cordova config set -g telemetry false
cordova create my-app && cd my-app
JAVA_HOME=`/usr/libexec/java_home -v 1.8` cordova requirements android
cordova platform add android
cordova build android

	#!/bin/bash
	# grep -sinE $1 --color -R ./* > $2; wc -l $2;

	TEXT=$1
	FILE=$2
	grep -sinE $TEXT -R ./* \| awk -F":" '{ print "name: "$1"\nline: "$2"\ncontent "$3"\ninfo: \""; system("stat -nf\"%z, %B %m\" "$1); print "\"\n"}' > $FILE;
	grep "name: " $FILE \| wc -l;

	## Node.js

	node () { docker run -it -u $(id -u) -v "$PWD":/usr/src/app -w /usr/src/app --rm node:4 node $@; }
	npm () { docker run -it -u $(id -u) -v "$PWD":/usr/src/app -v $HOME/.npm:/.npm -w /usr/src/app --rm node:4 npm $@; }