Pure Styling of Components with TypeScript and CSS: Part 1

The benefits of components have been realized with systems such as React and VueJS. Styling these components has a number of approaches, from CSS classes written in SCSS, inline styles, and dynamically generated stylesheets via something like emotion. Each styling approach has trade-offs in regards to reusability, performance, and developer experience. Also, special considerations often […]

The difference between CSS Grid and Flexbox

For y'all that have an understand of both CSS grid and flexbox, what's your favorite way of explaining the difference? — Chris Coyier (@chriscoyier) January 25, 2019 Flexbox looks at content sizing, extra available space, and let’s you program what to do with the extra/ lack of space around that content. Grid let’s you define […]

Handy Makefile Rules and Patterns

Patterns Required variable $(or $(build),$(error Must set build variable)) Optional variable with fallback $(or $(branch),master) Git Rebase on origin’s master rebase_origin_master: git pull –rebase origin master Create a git commit message template with co-authored-by set # Requires card=…, name=…, and a contributors.txt file pair: @echo “$(card) \n\nCo-authored-by: $(shell grep -i $(name) contributors.txt)” > .git/.gitmessage @git […]

What I plan to learn in 2019

Another year, another set of new shiny technologies to entice you! At Cogent, we recently asked each other what we were planning to learn in 2019. Below is my list: you’ll find a mix of front-end and back-end technologies, as well as some marketing related one. It’s tempting to learn anything that looks compelling and […]

Understanding state

State is what is known by your app. In a web app, state refers to local state. It only knows a subset of all information. And that information is from a certain point in time: it might have changed since. In a JavaScript web app, your user’s web browser talks to an API. The API […]