A tutorial for the top task and ticket template


An opinion piece and case study


Going from zero to power-user in one quick copy-paste

"editor.autoClosingBrackets": "never",
"editor.autoClosingQuotes": "never",
"html.autoClosingTags": false,
"javascript.autoClosingTags": false,
"typescript.autoClosingTags": false,


Even when it feels impossible

  1. It lets the team reviewing your code that the value is not going to change, improving confidence.
  2. It throws an error if you attempt to change that variable, preventing accidental re-assignment.
  3. It allows the engine to optimize for unchanging values.
  4. It avoids side effects caused by conflicting changes.
  5. It is more consistent with functional programming and immutable states.
  6. There are instances of better TypeScript inference.


Does this meme show my age?

The Context API ⛅

Mocking with jest.spyOn 🕵️‍♀️


  1. Understand why re-renders are happening. How did your component re-render? What caused it? For a highly-recommended in-depth analysis, check out “A (Mostly) Complete Guide to React Rendering Behavior” by Mark Erikson.
  2. Define your projects goals first, then achieve them. By establishing the definition of a minimally viable product (or MVP), you can focus on achieving important goals and prevent distractions. Spending too many hours obsessed with the vertical alignment…


Jest encountered an unexpected token.
Test suite failed to runJest encountered an unexpected tokenThis usually means that you are trying to import a file which Jest cannot parse, e.g. it's not plain JavaScript.By default, if Jest sees a Babel config, it will use that to transform your files, ignoring "node_modules".Here's what you can do: * If you are trying to use…


CODEX

“Do use functions as callbacks.” — Charles Stover
function toReadableNumber(n) {
return new Intl.NumberFormat('en-US').format(n);
}
import { toReadableNumber } from 'some-library';
const list = [1000, 2000, 3000];
console.log(list.map(toReadableNumber));


The AWS UI side navigation, breadcrumbs, and table components before and after the application of dark mode.

How do I enable dark mode? 🌚


The AWS UI side navigation, breadcrumbs, and table components before and after the application of a custom theme.

Charles Stover

Senior front end engineer / charlesstover.com

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store