abstractmachines

WIP

Optional chaining, null coalescing, and optionals and maybes

The maybe/optional data types in functional languages such as Haskell and Scala have ways to handle null/undefined that are often superior to using validation, conditionals and operators to infer whether or not a value is nullish.

That's what optional chaining and null coalescing remind me of. They're also a replacement for usage of Lodash .get() method which allows for default values to be set in the last parameter, hence handling nullish value use cases.

Optional chaining

Rather than using something.property.anotherproperty, which can error (and hence crash your program/web page) if it encounters a nullish value for one of the properties, we use something?.property?.anotherproperty instead, which only returns undefined (instead of an error) if a nullish value is encountered in one of the properties.

abstractmachines

WIP

The Base Is The Place: Understanding Radix

How to understand radix: A tutorial for students of systems engineering

Radix : Number of unique digits that exists in a system.

Binary "base 2" : the number 2 is 0010

Note the binary number 0010. Binary is read RTL or right-to-left.

abstractmachines

WIP. This is a tutorial I'm writing which is in progress :) - Amanda

Intro to binary (and some computer architecture)

Intended audience(s) include:

• Very early career engineers who don't have a 'math background' (yet!)
• Junior developers and interns who want to "understand" rather than just "complete tutorials"
• Web developers who didn't take CS courses, but still want to understand "how things work" "under the hood"

abstractmachines

TODO List for Kyle - Mentoring

"Finish out" the assembly courses

1. Take your assembly courses and convert your notes into markdown in Github gists.
2. Pin those gists to your Github profile.

Complete 2 C++ assignments

1. Assignment 1: Create a class with 2-3 member functions and initialize an instance of the class in main()
2. Assignment 2: Operator overloading (look at my github for an example!)

abstractmachines

Redux Devtools Recipes

With composeEnhancers, Router:

const reduxDevToolsCompose = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__({
	trace: true,
	traceLimit: 25,
});

const composeEnhancers = reduxDevToolsCompose || compose;

abstractmachines

Making local dev servers w Webpack 4

To use an environment variable in webpack, set module.exports to a function which returns the config object.

Only a function can take in env and argv as args, and you'll need those.

Then use defineWebpackPlugin to set environment variables.

Remember that Webpack 4 is "no config"; just set mode when you startup webpack dev-versus-prod in your package.json.

abstractmachines

Custom Typescript Types Recipes for React + Webpack ES6 style imports

use case: CSS files in /src/styles dir, and SVG and PNG files in /assets/images dir

• custom.d.ts file in dir of svg, png assets:

declare module "*.svg" {
    const content: any;
    export default content;
}

abstractmachines

# Define default shell
set -g default-command /bin/zsh

# Use mouse
set -g mouse on

set -g default-terminal screen-256color

# WIP. See inspiration at: https://gist.github.com/spicycode/1229612

abstractmachines

Python VSCode settings.json w black and flake8

{
    "editor.formatOnSave": true,
    "python.formatting.provider": "black",
    "files.insertFinalNewline": true,
    "python.testing.pytestEnabled": true,
    "python.linting.pylintEnabled": false,
 "python.linting.flake8Enabled": true,

abstractmachines

Concurrency: Time Sharing For Multiple Processes (Single Core).

• One CPU, one "pipeline" / shift register / ALU

Parallelism: Separate Cores, separate computations. Parallel "pipelines." Think multiple shift registers, ALUs.

Read more: http://tutorials.jenkov.com/java-concurrency/concurrency-vs-parallelism.html#concurrency-vs-parallelism-tutorial-video