beelarr

System Design Cheatsheet

Picking the right architecture = Picking the right battles + Managing trade-offs

Basic Steps

1. Clarify and agree on the scope of the system

• User cases (description of sequences of events that, taken together, lead to a system doing something useful)
  • Who is going to use it?
  • How are they going to use it?

beelarr

const ORDERED_LIST = ['firstSortItem', 'secondSortItem', 'thirdSortItem']


const sorted = [...itemsToSort];
  sorted.sort(
    (a, b) =>
      ORDERED_LIST.findIndex(
        (orderedAttribute) => orderedAttribute === a.orderedAttribute,
      ) -
      ORDERED_LIST.findIndex(

beelarr

    if (Math.random() < 0.5) throw Error('BOOM');

beelarr

Semantic Commit Messages

See how a minor change to your commit message style can make you a better programmer.

Format: <type>(<scope>): <subject>

<scope> is optional

Example

beelarr

export const pagination = ({data = [], pageSize = 5}) => {
  const page = data.slice(0, pageSize)
  const otherPages =
  data.slice(pageSize).length > pageSize
      ? pagination(data.slice(pageSize))
      : [data.slice(pageSize)]

  return [page, ...otherPages]
}

beelarr

// Modified from @mutsuda's https://medium.com/@mutsuda/create-an-ios-widget-showing-google-spreadsheets-data-856767a9447e
// by @levelsio

// HOW TO
// 1) Make a Google Sheet, we'll pull the first cell e.g. A1
// 2) Publish your Google Sheet, File -> Publish To Web
// 3) Copy the SHEET_ID in the URL, put it in here below:
const endpoint = "https://spreadsheets.google.com/feeds/cells/SHEET_ID/1/public/full?alt=json"
// 4) Install Scriptable @ https://apps.apple.com/us/app/scriptable/id1405459188
// 5) Copy this entire script in to Scriptable (tip: you can send it to your iPhone via Whatsapp/Messenger/Telegram etc)

beelarr

// Modified from @mutsuda's https://medium.com/@mutsuda/create-an-ios-widget-showing-google-spreadsheets-data-856767a9447e
// by @levelsio

// HOW TO
// 1) Make a Google Sheet, we'll pull the first cell e.g. A1
// 2) Publish your Google Sheet, File -> Publish To Web
// 3) Copy the SHEET_ID in the URL, put it in here below:
const endpoint = "https://spreadsheets.google.com/feeds/cells/SHEET_ID/1/public/full?alt=json"
// 4) Install Scriptable @ https://apps.apple.com/us/app/scriptable/id1405459188
// 5) Copy this entire script in to Scriptable (tip: you can send it to your iPhone via Whatsapp/Messenger/Telegram etc)

beelarr

https://ui.dev/imperative-vs-declarative-programming/

"Before we dive into the code, it’s important to realize that many declarative approaches have some sort of imperative abstraction layer."

Declarative programming is “the act of programming in languages that conform to the mental model of the developer rather than the operational model of the machine.”

beelarr

Keybase proof

I hereby claim:

• I am beelarr on github.
• I am beelarr (https://keybase.io/beelarr) on keybase.
• I have a public key ASA2qPqJzkpCaUW-t9NyA0RGFO_ZhnytKFfm2hnwupeZpgo

To claim this, I am signing this object:

beelarr

Keyboard Shortcuts - use function keys.



Loom
Rectangle
Dropbox
1Password || Bitwarden
Webstorm
Postico