jamischarles

/**
 * Stringifies a function, and wraps it in an IIFE so it'll auto execute.
 * @remarks The assumption is that you'll be inlining this function into a vanilla \<script\> tag on the page.
 * Therefore you should follow these rules:
 * Standalone code. No imports / or deps on other files / methods.
 * You can use TS, but carefully watch how the output is compiled down to ensure it works for the lowest browser target.
 * Ensure safety. Anything that can fail should likely be wrapped in a try/catch.
 * This will likely be used as blocking js. Keep it short!
 * @param parameter1 - Allows passing a 1/2 string|number param to the function to be inlined.
 * @param parameter2 - Allows passing a 2/2 string|number param to the function to be inlined.

jamischarles

Module 0: What you'll need to get started

Notes: Intro (All the cool stuff you can build)

M1 (should m1 be blinking light alone?) Then we reinforce it with each module…

jamischarles

// weirdness with closures
// Setup: pass an obj to a function, and then another function (in my case apollo server)
// Test: the thing is executed, then I change the object, then execute again. What is the object value passed in?


var mockReqObj = { test: 'jamis' }; 

// Variation 1) 
// appears to use default value in console log (for both)
mockReqObj = { test: 'NBODOy' }; 

jamischarles

###############################################################################
#    byobu's tmux f-key keybindings
#
#    Copyright (C) 2011-2014 Dustin Kirkland <kirkland@byobu.co>
#
#    Authors: Dustin Kirkland <kirkland@byobu.co>
#
#    This program is free software: you can redistribute it and/or modify
#    it under the terms of the GNU General Public License as published by
#    the Free Software Foundation, version 3 of the License.

jamischarles

// More modern version of what's found here by Khan academy: https://github.com/martinandert/react-interpolate-component/blob/master/index.js

// 1) simple way to result in <div>Hello</div>
let a = React.createElement("div", null, "Hello");

// 2) Create a fragment instead of a div so you can pass in JSX as one of the children. Key is optional I think
// <Fragment key="0">Hello my friend,  <a href="http://www.cnn.com">This is good</a> </Fragment>
let b = React.createElement(
  React.Fragment, {key: 0},
  "hello my friend ",

jamischarles

  function get(base, pathQuery, returnOnUndefinedValue) {
    var pathArr = pathQuery.split('.');
    var currentVal = base;
    for (var i=0; i<pathArr.length; i++) {
      var key = pathArr[i];
      currentVal = currentVal[key];
      if (!currentVal) {
        return returnOnUndefinedValue ;
      }
    }

jamischarles

Legend of Korra
Dragon Prince
Trollhunters

jamischarles

---
slug: introducing-the-react-testing-library
date: 2019-02-18
title: Introducing the react-testing-library 🐐
description: "NOTE: This is a cross-post from my newsletter. I publish each email two weeks after it’s sent. Subscribe to get more content like this earlier right in your inbox! 💌 Two weeks ago, I wrote a new…"
categories: ['React']
keywords: [React,JavaScript,Testing]
banner: './images/banner.jpg'
---

jamischarles

Projects

• https://watchmycode.com/ - Collaborative code editor. Uses CRDT for multiplayer.
• Emulating Space Invaders in React - Chip-8 Emulator
• Export Medium posts to Gatsby
• Order fresh milk in Cambodia - React Native app App Store link
• Downslide - Swift MacOS app that turns Markdown -> Slides
• Rewriting Redux from scratch
• Webpack demos for PS course

jamischarles

// simple example of how to create a function that calls a middleware chain, similar to express middleware

var req = {type: "req"};
var res = {type: "res"};

// 3 middlewares
var first = function(req, res, next) {
	req.first = true; //easy way to verify that all have been executed
	res.first = true;
	return next();