Alexander Paul Wansiedler wansiedler

Ultralearning

The following is the notes I took years ago on the book Ultralearning by Scott Young. The bombastic title and promise to learn virtually anything quickly makes it sound as if its the typical marketing-powered fluff-filled nonfiction book stores are overflowing with, but something about this book stuck with me. After finishing it I quickly went back and wrote these thoughts down. While I don't follow his layout of plans regularly, I have used it to guide a lot of my own self education.

I've successfully utilized it when I needed to refresh on mathematics for my Master's degree (a host of skills that atrophied sigificantly for the dozen years between undergrad and the masters). I've also used it to self-study subjects like Robotics and Deep Learning (though I did decide in the end to go for the Master's accreditation).

I share it here with hopes that someone finds it useful.

Principle 1 - Metalearning

Oh my zsh.

Install ZSH.

sudo apt install zsh-autosuggestions zsh-syntax-highlighting zsh

Install Oh my ZSH.

Storybook Docs w/ CRA & TypeScript

This is a quick-and-dirty walkthrough to set up a fresh project with Storybook Docs, Create React App, and TypeScript. If you're looking for a tutorial, please see Design Systems for Developers, which goes into much more depth but does not use Typescript.

The purpose of this walkthrough is a streamlined Typescript / Docs setup that works out of the box, since there are countless permutations and variables which can influence docs features, such as source code display, docgen, and props tables.

Step 1: Initialize CRA w/ TS

npx create-react-app cra-ts --template typescript

Start an AWS EC2 Instance from the Ubuntu 16.04 Amazon image. t3a.micro will do. Open ports 22 and 2443. Assign an elastic IP so it can't change.
Download the private key for the EC2 instance whilst creating it
SSH into the server
Update to the latest sudo apt-get update then sudo apt-get upgrade -y
Install PiVPN curl -L https://install.pivpn.io | bash. Make sure to select TCP and not UDP when given the option. Set the port as 1194. The rest can be left as defaults. If the screen does a strange flashy thing try ssh from Cygwin instead.
Install obfsproxy sudo apt-get install obfsproxy
Put the attached systemd file at /lib/systemd/system/obfsproxy.service
Start the service sudo systemctl enable obfsproxy then sudo systemctl start obfsproxy
Add users with pivpn add. Then follow the steps it gives you.
Use scp to download the .ovpn files and put them on relevant devices. You'll need to modify 1443 to 2443 as the port number in these client config files.

Install and Create Emulators using AVDMANAGER and SDKMANAGER

TL;DR

For an emulator that mimics a Pixel 5 Device with Google APIs and ARM architecture (for an M1/M2 Macbook):

List All System Images Available for Download: sdkmanager --list | grep system-images
Download Image: sdkmanager --install "system-images;android-30;google_atd;arm64-v8a"

Conventional Commit Messages

See how a minor change to your commit message style can make a difference.

git commit -m"<type>(<optional scope>): <description>" \
  -m"<optional body>" \
  -m"<optional footer>"

How to / Git

Branching strategy

We use a form of Git flow to maintain a stable master branch, and work off feature branches to introduce new features and other code updates. The feature branches are tied to JIRA tickets.

To keep our git log clean and tidy we use git's rebase strategy. That means that instead of merging commits in and out of the master branch (resulting in many ugly merge commits) we always keep our own feature branch's commits on top of the existing master branch commits.

You can read more about the rebase strategy here: https://www.atlassian.com/git/tutorials/merging-vs-rebasing.

	{
	"name": "client",
	"version": "0.1.0",
	"private": true,
	"dependencies": {
	"@testing-library/jest-dom": "^5.16.4",
	"@testing-library/react": "^13.2.0",
	"@testing-library/user-event": "^13.5.0",
	"bootstrap": "^5.1.3",
	"ethers": "^5.6.6",

	import { useEffect } from "react";
	import { useForm } from "react-hook-form";

	export default function App() {
	const { register, handleSubmit, watch, setValue } = useForm();

	const onSubmit = (data) => console.log(data);

	const watchAllFields = watch();

	node: Platform built on V8 to build network applications
	git: Distributed revision control system
	wget: Internet file retriever
	yarn: JavaScript package manager
	python3: Interpreted, interactive, object-oriented programming language
	coreutils: GNU File, Shell, and Text utilities
	pkg-config: Manage compile and link flags for libraries
	chromedriver: Tool for automated testing of webapps across many browsers
	awscli: Official Amazon AWS command-line interface
	automake: Tool for generating GNU Standards-compliant Makefiles