mathesond2

Effective Engineer - Notes

• By Edmond Lau
• Highly Recommended 👍
• http://www.theeffectiveengineer.com/

What's an Effective Engineer?

• They are the people who get things done. Effective Engineers produce results.

Adopt the Right Mindsets

mathesond2

• cognitive resources in thinking is linked also to self control....aka cake vs. fruit and 2 digits vs. 7 digits...at the end of the day, its all one tank.
• the more you use your brain to think, the less ability you have to resist a drive-thru on your way home
• using willpower = losing cognitive processing...so vice versa
• death by 1000 cognitive mico-leaks...tiny things you have to deal with, like losing your tv remote or other little things.
• where there is high expertise, theres a great deal of cognitive resource management when learning and actually doing the thing.

how to get better faster

3 areas:

mathesond2

To run the default version of any command, use a backslash (). For example, \rm

would bypass my alias of 'rm -i' on line 31.

OS-Level

alias show-hidden-files='defaults write com.apple.finder AppleShowAllFiles TRUE' alias hide-hidden-files='defaults write com.apple.finder AppleShowAllFiles FALSE'

Sublime Text

alias subl='/Applications/Sublime\ Text.app/Contents/SharedSupport/bin/subl' alias st='/Applications/Sublime\ Text.app/Contents/SharedSupport/bin/subl'

mathesond2

design patterns in code = tropes in storytelling (ex: the story pattern of the "heroes journey)

pattern types

creational patterns

• how you handle creating new objects

structural patterns

• how objects are attached to each other
• previously we studied design principles like decomposition and generalization` and how theyre expressed in UML class diagrams with:

• association, aggregation, composition, inheritance

mathesond2

export const copyToClipBoard = async (copyText: string): Promise<boolean> => {
  if (navigator.clipboard) {
    try {
      await navigator.clipboard.writeText(copyText);
      return true;
    } catch (err) {
      throw err;
    }
  }
  // Legacy fallback

mathesond2

• author speaks of promoting a 'familial' feeling in the group for psych safety and promoting connection
• lots of proximity, eye contact, mixing ideas, courtesy, humor, fist bumps, etc...these are called 'belonging cues'

we look often at the rhythms of social interaction rather than the content of those interactions

belonging needs continually to be refreshed and reinforced, like telling your partner you love them.

spurs' coach papavich - masterful at connecting the team, "hug em and hold em" he says, uses food and wine as a bridge to build relationships. but what about when he has to give bad feedback to the players?

mathesond2

at its root, a promise is an object to which you attach callbacks. these callbacks happen once the 'value' property changes.

example with callback

function successCallback(result) {
  console.log('Audio file ready at URL: ' + result);
}
 
function failureCallback(error) {

mathesond2

Notes

Course notes via Steve Kinney

typing component children

PropsWithChildren allows you to define props within a children prop

import {PropsWithChildren} from 'react';

mathesond2

Notes from Typescript Fundamentals (FE Masters)

Reference: https://www.typescript-training.com/

Dictionaries

TL;DR: An object which stores objects/arrays by key

Sometimes we need to represent a type for dictionaries, where values of a consistent type are retrievable by keys.

mathesond2

React Performance

Notes From Steve Kinney's "React Performance" Frontend Masters Course

General

re: optimizations: "Start with a problem first, then solve it. dont go looking for problems."

"measure first before you optimize for performance. And then measure again."