Hyo hyochan

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
Enable mirrored networking mode in WSL2
Install tools in WSL2
Connect to android hardware device from Windows
Connect to android hardware device from WSL2
Connect to android virtual device in Windows

Shared Element Transitions with React Navigation and Expo (2019)

It's 2019, and creating smooth shared element transitions in react native (& expo!) is finally easy.

Ideally, as Pablo Stanley suggests, your app's navigation will use these shared transitions for similar components that appear across screens.

Is it possible to achieve the great experience above using react-native/expo? Now it is.

👋👋👋👋👋👋👋👋👋👋👋👋👋👋👋👋👋

Update package.json, set version to a prerelease version, e.g. 2.0.0-rc1, 3.1.5-rc4, ...
Run npm pack to create package
Run npm publish <package>.tgz --tag next to publish the package under the next tag
Run npm install --save package@next to install prerelease package

Run each of the following lines, replacing yourdomain.com and codehere with your details:

now dns add yourdomain.com @ TXT google-site-verification=codehere
now dns add yourdomain.com @ MX ASPMX.L.GOOGLE.COM 1
now dns add yourdomain.com @ MX ALT1.ASPMX.L.GOOGLE.COM 5
now dns add yourdomain.com @ MX ALT2.ASPMX.L.GOOGLE.COM 5
now dns add yourdomain.com @ MX ALT3.ASPMX.L.GOOGLE.COM 10
now dns add yourdomain.com @ MX ALT4.ASPMX.L.GOOGLE.COM 10

The repository for the assignment is public and Github does not allow the creation of private forks for public repositories.

The correct way of creating a private frok by duplicating the repo is documented here.

For this assignment the commands are:

Create a bare clone of the repository. (This is temporary and will be removed so just do it wherever.)

git clone --bare [email protected]:usi-systems/easytrace.git

Tmux Command

mac 기준으로 Tmux 설치부터 기본적인 명령어를 알아가고자 한다.
Tutorial용으로 참고할만한 블로그는 아래와같다.
Tmux-Part1 Tmux-Part2

	import React, { useMemo, useState } from "react";
	import { LayoutChangeEvent, StyleSheet } from "react-native";
	import {
	PinchGestureHandler,
	PinchGestureHandlerGestureEvent,
	} from "react-native-gesture-handler";
	import Animated, {
	useAnimatedGestureHandler,
	useAnimatedStyle,
	useSharedValue,

	/* eslint-disable no-inner-declarations */
	import { canUseDOM } from 'fbjs/lib/ExecutionEnvironment';

	let isEnabled = false;

	if (canUseDOM) {
	/**
	* Web browsers emulate mouse events (and hover states) after touch events.
	* This code infers when the currently-in-use modality supports hover
	* (including for multi-modality devices) and considers "hover" to be enabled

	import 'dart:async';

	import 'package:flutter/material.dart';

	void main() => runApp(new MyApp());

	class MyApp extends StatelessWidget {
	@override
	Widget build(BuildContext context) {
	return new MaterialApp(