Joe Wright joejag

Testing

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

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

Tech Test Marking Guide

For a given test exercise.

Out of 22 points.

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

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:

"

https://simplepoll.rocks/faq/

"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/

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

	import useWhyRerender from './whyRerender'

	const MyComponent = props => {
	// any states
	const [error, setError] = React.useState(false)

	// add interesting things to track
	useWhyRerender({
	...props,
	error

	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])}`)