Chris Zhou chrisrzhou

Code Reviews

Chris Zhou, 2022-10-14

Chris Zhou, 2022-06-24

I discovered many of the following thoughts through gardening and they continue to influence the way I think and code.

Typescript is a superset of Javascript. The type system in Typescript is designed to be optional so that your Javascript is Typescript. It does not block Javascript emit in the presence of type errors, allowing users to progressively update JS to TS.
Upgrading to TS without anyone noticing: https://devblogs.microsoft.com/typescript/how-to-upgrade-to-typescript-without-anybody-noticing-part-1/
Migrating JS -> TS
- Add a tsconfig.json.
- Convert files from .js to .ts. Suppress errors using any.
- Write new code in TS avoiding using any.
- Go back to old code and start adding type annotations and fixing bugs.
Use ambient definitions for third party JS code.

A specification for designing unified search APIs and UIs.

Stanford Class: Crypto I

Central Theorem: Anything that can be done with a trusted authority can also be done without.
- Instead of passing inputs x1, x2, ..., xn to some Authority object, which then outputs the result f(x1, x2, ..., xn), the inputs themselves can talk to each other and output the same result f(x1, x2, ..., xn)
Crypto Magic
- Privately outsourcing computation: e.g. Google can compute encrypted results E[result] of an encrypted query E[query] without every knowing the contents of query itself.
- Zero knowledge (proof of knowledge): It is provable that you can give the solution of any puzzle to another person without giving the details of the solution itself. WTF???
Cryptography is a rigorous science with 3 key steps:

	function useResponsiveCanvas<T>(
	initialSize?: MinMaxPair,
	): State {
	const canvasRef = useRef<HTMLCanvasElement>();
	const mountRef = useRef<HTMLDivElement>();
	const [size, setSize] = useState<MinMaxPair>([0, 0]);

	// set initial svg and size
	useEffect(() => {
	const canvas = document.createElement('canvas');

	//https://codesandbox.io/s/x77p8rrnxo

	import React from 'react';
	import * as THREE from 'three';
	import OrbitControls from 'three-orbitcontrols';

	export default class Scene extends React.Component {
	static defaultProps = {
	radius: 600,
	textureURL: