Latest Posts

dev.to with a TypeScript or Flow frontend codebase?

Before the dev.to codebase was opensourced, I was working on it in the private repository and created an issue in there, Consider using Flow or TypeScript in the Front-End Codebase , that has since been copied to the public repository (thanks @maestromac !). For those new to types, here's a post…

An a11y extension coming to a browser near you

Last year when I was looking to take on a new role somewhere, one of the places I interviewed at was Khan Academy. TLDR, I wasn’t hired 😉. However, as a candidate, I wanted to stand out (relevant post Take chances and standout ). In a nutshell, I put up a PR to Khan’s tota11y repository to…

HTML Forms: Back to Basics

Let's forget frameworks and libraries for a moment. Today we’re just going to talk about the element and some of the things you can do with it in the DOM. For web devs who are getting a little long in the tooth, you’re probably familiar with most of this, but for newer devs, this might be news to…

Ink: React for CLIs

This one is short and sweet. Are you familiar with React? Then you know Ink . I haven't tried this out yet, but basically it's a custom React renderer that allows you to build beautiful CLIs. Flexbox in a CLI? 🤯 React hooks in a CLI? YOLO my friend, YOLO. Here's a little example straight from…

Showcase your Gatsby Site

Have you created a Gatsby site that you're proud of? It could be for a client or just your personal site. Either way, you can submit it to the Gatsby showcase. It's pretty simple to do. Just follow the instructions [ here]( https://www.gatsbyjs.org/contributing/site-showcase-submissions/ ). In a…

An Enhanced TypeScript Playground

As I was going through my Twitter feed earlier this evening, a tweet from one of my followers/someone I follow popped up. I was like, hey, that looks pretty cool. So I asked Steven if he had created it, to which he replied. In a nutshell, typescript-play is like the official TypeScript playground…

TypeScript Tips Part II: Declaration Merging

If you haven't checked it out yet, check out my TypeScript Tips Part I post. Declaration merging has been around for a while now in TypeScript. In a nutshell it lets you merge definitions of types. There's plenty of examples in the documentation, so let's just start off with something simple. You…

TypeScript Tips Part I

We'll start off with the usual shameless plug of another blog post. If you haven't read it yet, check out my blog post, Consider Using TypeScript . We're going to look at a few tips that may/can help you on your journey in TypeScript land. First let's start off with some things to remember if you…

Any contribution to Open Source is valuable

We hear people say it all the time, but I would like to reiterate it. Any contribution you make to open source is a valuable contribution. Sure we all like adding features or fixing bugs in a project, but updating documentation is still worthwhile. I was reminded of this on the weekend. My site is…

Is 2019 the year of TypeScript?

This comment in the Jest repository, https://github.com/facebook/jest/pull/7554#issuecomment-454358729 , has been floating around on the Twitterverse the past few days and seems to be garnering a lot of attention. The fact that a Facebook project is migrating to TypeScript (TS) is kind of big…

The CSS mask property

Say you have a background that you want a certain colour, but you only want to show parts of the background. Enter the CSS property . Think of it like a cookie cutter. You want to bake a cookie, not a rectangular piece of dough. So how does this fit into a real world example on the web? Have you…

Take chances and standout

This is my first time writing a post about career advice. This kind of advice is definitely not a one size fits all. Everyone has their own experiences, circumstances etc., but hopefully some of what I discuss will resonate with you. In May of 2016, I decided to embark with a startup and live in…

My 2018 Year in Review

So here’s my 2018 Resolutions - Just some dev . Did I complete them all? No, but honestly it’s not a big deal. Continue to contribute to open source. : Mission accomplished 🚀. I continued to be a collaborator on react-slingshot and contributed some work there this year, fielded some issues etc…

Setting up Storybook for Preact

In my last Storybook post, Getting Started with Storybook for React , I showed you how to install Storybook for React and gave a quick breakdown of what all the pieces were. I suggest giving that a quick read before continuing here. In this post, I’ll show you how to get React Storybook up and…

My Git Aliases

Alright, so Phil Nash roped me into this one . This keeps in line with my other posts that are “Not just a Gist”. If you want to read about those posts, check out mac.iamdeveloper.com and vscode.iamdeveloper.com . This post’s birth comes from a gist which is essentially a copy paste of my git…

Getting Started with Storybook for React

Story what? Storybook is a great tool for developing and showcasing components. I love it so much, I did a talk about it at js-montreal last summer. Storybook forces you, a good thing, to develop your components as components because you're not in the actual application. It supports React…

My Mac Setup

Maybe I should start a series called “Not just a Gist”, as I’m slowly converting gists of mine to blog posts. The last one I converted was all about My Visual Studio Code Setup . I participated in this week’s # devdiscuss about tooling , and I posted a few links to gists that are my setup on my…

2018 Resolutions

So like many, I too will make resolutions for 2018. I made myself accountable by joining a recent #DevDiscuss on Twitter . So let's break down the list: I've been active in OSS for the past couple of years, with most of my focus being on react-slingshot . I started contributing to this project as…

My Visual Studio Code Setup

This originally was just a gist , but I thought it made sense to just convert it to a blog post. As the stateofjs.com survey this year noted, Visual Studio Code is quickly becoming the editor of choice for many web developers. VS Code is my editor of choice. It's great for web dev, and if you…

Consider Using TypeScript

I'm not going to be one of those that tells you have to use TypeScript (or Flow for that matter). I'm also not going to go into the whole TS vs. Flow debate. There are plenty of people already doing that. All I want to do is present some good reasons why you might want to consider using TypeScript…

My Talk on React Storybook at the js-montreal Meetup

My talk at the June 13th, 2017 js-montreal meetup slides/repo are available at story.iamdeveloper.com . This was the first time I attended the js-montreal meetup. It was good to meet lots of new folks. Looking forward to the next one.

Reboot with Gatsby

My blog/site has been pretty non-existent as other things always seem to take priority, but here's hoping that I'll do a bit more with this space in 2017. I decided to use the Gatsby static site generator this time round as React is currently the tech of choice for me when building SPAs.