joejag

* Questions for mentors: https://lifehacker.com/ask-your-mentor-these-40-questions-1844330641

joejag

• AWS docs: https://docs.aws.amazon.com/apigateway/latest/developerguide/apigateway-websocket-api-route-keys-connect-disconnect.html
• CDK: aws-samples/aws-cdk-examples#325
• Sample app: https://github.com/aws-samples/simple-websockets-chat-app/blob/master/sendmessage/app.js

Testing

• npm install -g wscat -> wscat -c wss://bh5a9s7j1e.execute-api.us-east-1.amazonaws.com/Test

joejag

Links

Video: https://www.youtube.com/watch?v=Prb8E65k_Yo Slides: https://www.dropbox.com/s/qfwrkox5ub1t0zf/Matruity%20Mapping%20FlowCon%202020%20Marc%20Burgauer%20.pdf?dl=0 Thierry's notes: http://scribes.tweetscriber.com/tdpauw/752

Joe Notes

• Maturity Map => Top is the capability
• Meaning comes in the interaction of the practices, not the practices themselves

joejag

{
    "workbench.startupEditor": "newUntitledFile",
    "editor.minimap.enabled": false,
    "breadcrumbs.enabled": false,
    "editor.codeActionsOnSave": {
        "source.fixAll.eslint": true
    },
    "[javascript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },

joejag

Tech Test Marking Guide

For a given test exercise.

Out of 22 points.

1. It works: The code implements the specification (8 points, meets spec is 8 - reduce the score for missing parts or bugs found)

2. The code is easy to read (4 points)

joejag

I continuously get high CPU usage on visiting http://news.bbc.co.uk/. I've got a low spec machine, so I notice these things. I've tracked this down to a CSS bug that you have on your news page.

After downloading the homepage and chopping things up, I managed to find the culprit.

Halfway down the some extra styling is applied by: Morph.initStyles = function () {} function.

It applies about 45 extra pieces of styling into the page. Four of these rules result in constant CPU usage. They are:

• "

joejag

import useWhyRerender from './whyRerender'

const MyComponent = props => {
  // any states
  const [error, setError] = React.useState(false)
  
  // add interesting things to track
  useWhyRerender({
    ...props,
    error

joejag

const highlightDifferences = (props, prevProps) => {
  console.log('RERENDER DIFF!')

  const now = Object.entries(props)
  const added = now.filter(([key, val]) => {
    if (prevProps[key] === undefined) return true
    if (prevProps[key] !== val) {
      console.log(`${key}
          - ${JSON.stringify(val)}
          + ${JSON.stringify(prevProps[key])}`)

joejag

https://simplepoll.rocks/faq/

joejag

"learning pathways software dev"

• Great basics: https://simpleprogrammer.com/step-step-path-becoming-great-software-developer/
• Comp Sci - what you missed: https://medium.com/@ann_lewis/the-software-engineering-learning-plan-c4d97aedf913
• Mindmap: https://coggle.it/diagram/52e97f8c5a143de239005d1b/t/web-development/56212c4e4c505e0045c0d3bda59b77e5977c2c9bd40f3fd0b451bdcf8da4aa52

Progression

• Pathways site: https://www.progression.fyi/