nbogie

React week 3 - student questions and issues for class

setFoo doesn't magically update foo (useState):
- mo's issue https://github.com/mnashawati/baby-names-react/blob/for-study/src/App.js#L30
useState("someinitvalue") only initialises the variable the first time the component is ?rendered?. Subsequent calls to useState return the new current value of the variable.
passing props down and down. useContext? "
- should I learn redux?
"should i learn class components?"
to investigate: synthetic events an issue?

tv maze - pure JS exercises (in repl)
jobs listing pure JS exercises (in mahmut's repl)
- get all the company titles and positions of every job [{company: CYF, position: programmer}, ...], etc
stuff from my json-examples netlify
p5js (filter points by dist(), find points by same, find enemies with low hit-points, etc)

this is a rough plan for a demonstration. it is NOT a guide for students.

start with nothing

problems and solutions

We will be done if...

Class code for Creative Coding Wednesdays

	(async () => {
	const RoughNotation = await import('https://unpkg.com/rough-notation?module');

	const pick = (arr) => arr[Math.floor(Math.random() * arr.length)];
	const colorNames = "#66FF66 #FD5B78 #FF9966 #FFFF66 #50BFE6 #FF00CC".split(" ");

	document.querySelectorAll('p').forEach(elem => {
	RoughNotation.annotate(elem, { type: 'box', color: 'black', strokeWidth: pick([1, 2, 10]) }).show();
	});
	document.querySelectorAll('a').forEach(elem => {

	let allCountryScores = [
	{
	name: "Ethiopia",
	scores: [ {n: "Hanif", s: 999999999}, {n: "neill", s: 999999}, {n: "bob", s: "4134234"}, {n: "Hanif", s: "700"}]
	},
	{
	name: "Scotland",
	scores: [ {n: "lucy", s: 9999}, {n: "groundkeeper willie", s: 4000}, {n: "braveheart", s: 200}]
	},
	{