develax

VSCode Settings

develax

TypeScript infer

Extract String

type ExtractStringType<T> = T extends `${infer U}` ? U : never;
type StrType1 = ExtractStringType<'ABC'>; // 'ABC'
type StrType2 = ExtractStringType<string>; // never
type StrType3 = ExtractStringType<123>; // never

develax

Infer Function Argument Type

A function that accepts an argument of an anonymous type where hobbies is a tuple:

function stringifyPerson(person: {
    name: string;
    age: number;
    hobbies: [string, string]; // tuple
}) {
    return `${person.name} is ${person.age} years old and loves ${person.hobbies.join(" and  ")}.`;

develax

Unions

Unions as type property keys

type StringKeys = 'firstName' | 'lastName';
type NumberKeys = 'age';

type Person = {
    [Key in StringKeys]: string;

develax

Таксист зарабатывает 3 тысячи рублей в будни и 5 тысяч в выходные. При этом он тратит на еду 1 тысячу в будни, и 1.5 тысячи в выходные. Каждую третью неделю он тратит 2 тысячи на мойку автомобиля. Сколько понадобится времени, чтобы таксист заработал 1 миллион рулей?

develax

Angular (VSCode)

Create new Angular project: ng new AppName

Run the project: ng serve --open (or F5 in VSCode)

Install styles npm install -D tailwindcss

develax

VSCode + TypeScript setup

Set TS version for VSCode intellisence

VS Code command palette: > TypeScript: Select TypeScript version

develax

Building a 3D Engine with JavaScript

https://www.sitepoint.com/building-3d-engine-javascript/

develax

Patterns / Design

• State pattern

Scale / Transform

• Scaling my background Sprite to fill screen? (2d)

---

---

Math

• http://wiki.unity3d.com/index.php/3d_Math_functions

---

develax

Blender Hotkyes

UI

COMMAND	DESCRIPTION
T	Tools Panel (Transform)

Focus / View