Clifford Fajardo cliffordfajardo

Fundamentals to Functional JavaScript, v3

Day 1: Data Structures

Topics: Access, Assignment, Transformations & Organization

9:15 Data Structures: Accessing + Assignment

Lecture/Slides:
Exercise:
_.get()

Credits to Mike North Sr.Staff Engineer from LinkedIn’s UI Infra team for the inspiration for the stuff below 🙏

What not to do

functional changes at the same time
attempt this with low test coverage
publish your types for consumers while they’re in a weak state

Compiling in lose mode:

allow implicit any in your tsconfig # TODO show a breif code snippet example of value to change in tsconfig.
start with tests passing

Remix request cheatsheet

Navigates?	declarative?	Makes GET, triggers loader	Makes POST, triggers action	No requests
navigates	declarative	`<Link to="">` `<Form method="get">`	`<Form method="post">`	`<Link to="#...">`
navigates	imperative	`navigate()` `setSearchParams()`	`submit()`	`navigate("#")`
stays	declarative	`<fetcher.Form method="get">`	`<fetcher.Form method="post">`	(doesn't make sense)
stays	imperative	`fetcher.load()`	`fetcher.submit()`	(doesn't make sense)

where

Anti-hype LLM reading list

Goals: Add links that are reasonable and good explanations of how stuff works. No hype and no vendor content if possible. Practical first-hand accounts and experience preferred (super rare at this point).

My own notes from a few months back.

	<html>
	<head>
	<title>grid</title>
	<style>
	body {padding: 0; margin: 0;}
	.container {
	display: grid;
	grid-template-rows: 200px repeat(4, 100px);
	grid-template-columns: repeat(4, 1fr);
	grid-template-areas: "header header header header"

	/* Ultra lightweight Github REST Client */
	// original inspiration via https://gist.github.com/v1vendi/75d5e5dad7a2d1ef3fcb48234e4528cb
	const token = 'github-token-here'
	const githubClient = generateAPI('https://api.github.com', {
	headers: {
	'User-Agent': 'xyz',
	'Authorization': `bearer ${token}`
	}
	})

	import type { Server } from "node:http";

	export type Handler = (request: Request) => Response \| Promise<Response>;

	export type CreateServerOptions = {
	onError?: (error: unknown) => void;
	};

	export declare function createServer(
	handler: Handler,