Borislav Grigorov's Blog

I aways get the feeling of being overwhelmed by work. The thing that helps me relieve it is going through all the tasks and prioritizing them, sorting them out, removing what's not essential and ruthlessly executing on the ones that are.

Do not optimize for speed of execution.

Speed is the time rate at which an object is moving along a path. Velocity is speed + direction. Velocity is better than speed. It's not important how fast you go, but where will you arrive.

Say Hi to Meetlog

TLDR; In part 1 we've covered three of the most basic type utils that TypeScript provides: "typeof" , "keyof" and "indexed access" . In type two we'll learn about: Pick 👌 - constructs a new type by extracting the Keys out of type T . So given type User = { name: string, address: Address | string } and type UserAddress = Pick<User, 'address'> results in type UserAddress = { address: Address | string } . Omit 📌 - the exact opposite of Pick . It picks all type properties by default, but omits the Keys . So having the above example and type UserName = Omit<User, 'address'> results in type UserName = { name: string } . Exclude 🪚 - a handy way to "strip down" a union type. Let's introduce the type type Address = { lat: string, lon: string } | { city: string } . So type StrictAddress = Exclude<Address, { city: string }> would result in type StrictAddress = { lat: string, lon: stri

TLDR; In TypeScript, we can retrieve type information in many different ways. In type context we can use: typeof - refer to the type of a value or a property: typeof "some string" is string ; typeof 1 is number etc. keyof - given an object, reduces it to an union of it’s keys: type keys = keyof { name: "Bobi", age: 29 } resolves to the following type: type keys = "name" | "age" indexed access - given type Person = { name: "Bobi" } and type PersonName = Person["name"] , the PersonName resolves to string TypeScript is great when it comes to types reusability. Once defined, a type can be “massaged” in order to suit different business logic needs. Here’s one simple example. 1 2 3 4 5 6 7 8 9 type Person = { name: string, age: number }; const person: Person = { name: "Bobi" , age: 29 }; const updateName = (p: Person, name: string) => { p.name = name; } updateName(person, "John" ); /

In the last couple of days I've been improving the meeting page. This is the page where the meeting I/O gets managed.

Every app has buttons.

In the last few sessions I've been working on an editable component. It's a component that has two building blocks - a preview and an editable input.

 Here's something I shared in twitter, but I'd like to have it here as well.

  New year, same hustle.

Here's a note to myself:  do not waste time on inessential stuff.