Notes: Intro (All the cool stuff you can build)
M1 (should m1 be blinking light alone?) Then we reinforce it with each module…
| /** | |
| * 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. |
| // 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' }; |
| ############################################################################### | |
| # byobu's tmux f-key keybindings | |
| # | |
| # Copyright (C) 2011-2014 Dustin Kirkland <[email protected]> | |
| # | |
| # Authors: Dustin Kirkland <[email protected]> | |
| # | |
| # 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. |
| // 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 ", |
| 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 ; | |
| } | |
| } |
| Legend of Korra | |
| Dragon Prince | |
| Trollhunters |
| --- | |
| 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' | |
| --- |
Markdown -> Slides| // 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(); |