Alex Krolick alexkrolick

React Bundlers/Boilerplate

Redux Organization:

Pick one of these:

https://reduxbundler.com/ wrapper with many utils for making a "self-healing" data layer
https://github.com/markerikson/redux-starter-kit extra utils for setting up redux stores

Meeting Design

Notes on the book "Meeting Design" by Kevin Hoffman, ISBN: 1-933820-38-1

Meeting length interferes with memory storage
Divide into 20-30 min activities. Provide cognitive slack time to turn short term into medium term memories.
✘ don't serve simple sugar and carbs if providing food, serve healthy fats and proteins like nuts and cheese
Use visuals and "manipulatives" (tactile objects like sticky notes) to engage different forms of memory

Quotes & links about testing software

"Test Smells"
"Use the Front Door First" > When all choices are equally effective we should use round trip tests to test our system under test (SUT). To do this, we test an object through it's public interface and use State Verification (page X) to determine whether it behaved correctly. If this is not sufficient to accurately describe the expected behavior we can make our tests layer-crossing tests and use Behavior Verification to verify the calls the SUT makes to depended-on components (DOCs). If we must replace a slow or unavailable DOC with a faster Test Double (page X), using a Fake Object (page X) is preferable because it encodes fewer assumptions into the test (the only assumption being t

Search "redux js"
- Go to redux.js.org
- "I know I should be using that toolkit thing, where is that?"
  - it's at the bottom of the navigation tree, ok, open that in a new tab
- "What's the current package name for react-redux? Is it namespaced too now?"... how do I find that... googles it instead of looking in docs, now I am on a different docs site that looks kinda the same. Package name is under "getting started" > "install".
Going back to redux toolkit > click API
- A friendly abstraction over the standard Redux createStore function that adds good defaults to the store setup for a better development experience.
  - lots of adjectives here but I don't know what about the defaults are good, better, or friendlier
API signatures are Typescript I guess? Kind of hard to wrap my head around them without code samples... where are those? Also these are the infamous single-letter generics, guessing "S" is state and "A" is action.

	const api = {
	fetchUser(id) {
	return { id, name: "username" };
	}
	};

	class UserState extends React.Component {
	state = {
	user: null,
	signinCount: 0,

	{
	// See http://go.microsoft.com/fwlink/?LinkId=827846
	// for the documentation about the extensions.json format
	"recommendations": [
	// Extension identifier format: ${publisher}.${name}. Example: vscode.csharp
	// General
	"dbaeumer.vscode-eslint",
	"christian-kohler.path-intellisense",
	"christian-kohler.npm-intellisense",
	"jakob101.RelativePath",

	// Place your key bindings in this file to overwrite the defaults
	[
	{
	"key": "cmd+down",
	"command": "editor.action.smartSelect.shrink",
	"when": "editorTextFocus"
	},
	{
	"key": "cmd+up",
	"command": "editor.action.smartSelect.grow",

	const fs = require("fs");
	const byline = require("byline");
	const camelCase = require('lodash.camelcase')

	const inputFile = "./colors.scss";
	const outputFile = "./colors.js";

	const sassVarDeclaration = /^\$(.)\:\s(\S)(?:\s\!default\;\|\;)$/;
	const isReference = val => val.startsWith("$");
	const getReferenceName = val => val.slice(1);

	// this is a very naive parser that only works on simple tables
	// - no nesting
	// - no cells that contain \t (tab) characters
	// Usage:
	// tsv`
	// "Name" \t "Price"
	// "Apple" \t 2.50
	// `

	function tsv(strings, ...expressions) {