Adding TypeScript to NPM Packages Adding TypeScript to 3rd party modules in 2019 is a breeze thanks to Babel and TypeScript.
react Building a GraphQL Client For File Uploads Doing normal GraphQL requests is straight forward, as documented on graphql.org. Anyone can use a normal fetch or curl to do basic requests. However, I haven't seen anyone doing what I am
JS Unit Testing Made Easy Getting a high coverage rate in Javascript apps can be easier than you think. In the last two years, Jest has become so much faster and useful for testing everything JS related. Before
One Year Later Last November I committed to blogging once a month. Blogging has helped me in multiple ways and I would encourage anyone in the software industry to try it. Multiple people have reached out
One Dockerfile for Production and Development Too many intro to Docker tutorials create multiple Dockerfiles for each environment, or only go over creating one environment. Here's a quick and easy way to keep a single file and overwrite the
Ghost Theme Development with Docker After spending a few hours this morning realizing the official ghost image doesn't support development mode correctly, I had to slightly modify it using docker-compose. If you're making a ghost theme and need
Local Development With Docker This is part 1/2 on development with Docker. In this article, I'll be covering how and why you should be using Docker in development. In the next one, I'll cover production deployments.
typescript Supercharging Frontend Development with VS Code These past few days, I dove into Visual Studio Code and TypeScript in an attempt to get a better workflow going with GraphQL / React apps. It's been a few months since evaluating the
serverless Deploying My First App to Cloud Functions This past week I have been building a simple CRUD app for a freelance project. Since this is so small in scope, I decided to use express. A basic REST api was all
react native Autofocus inputs in React native Having a stack of TextInput's that autofocus on the next one when hitting enter is a manual process in React Native. I'm going to show you how to solve this problem once and
graphql GraphQL Query Batching Solutions I've been using Apollo for a few months now and the one problem not well documented is query batching. Most of the getting started guides don't even mention it. This is a shame
graphql Handling Auth in GraphQL (the right way) I started on my first production app using GraphQL a couple months back. I've just now been getting into the tougher parts of the app. Querying, mutating, and subscribing to things is awesome
react native Building a Card Swiper in React Native This past month, a friend and I have been working on releasing React Screens. We plan on making two screens, complete with various UI elements that you can use some of, or the
node Recursive Promises in Node Recursive functions are extremely useful for many things in JavaScript. In React, you might want to traverse through all the children of a higher order component, even nested ones. There's many valid use-cases
javascript Handling Client Side App Updates (with Service Workers) In the past month, I have been trying to find good ways to update client side apps. This is very important in the case of hot fixes, and even new features. Nobody wants
javascript CI Code Coverage + Tests in 5 Minutes! Building open source software can be lots of fun. For some reason, it brings me way too much joy seeing code coverage and tests run on every push to github. It doesn't need
webpack Three Webpack 2 Speed Improvements Since moving to webpack 2 I've been building out more complex apps than ever before. All I mean by this is, multiple dynamic imports are used across my app. Initially this was causing
Setting up GPG Signing for GitHub on Mac I know you want to have a verified badge like this next to your commits on github. On one hand, it's awesome. If you're not famous and aren't verified on Twitter, this feels
react Hooking into Route Changes in React Router v4 React Router v4 is coming up fast. The first beta was released this week which includes support for hooking into route changes. I needed the ability to run a couple things any time
javascript The Ideal JS Developer Environment This past week I've taken some time to look at my current developer environment and invest a few hours (okay, more like 10) into some better tooling. After spending all that time, I'm
testing Webdriver.io Quick Reference Here's a quick and dirty webdriver.io reference! Intro Webdriver.io provides selenium bindings for Node. There's a few other solutions out there, but it's the best that I've used by a long
react Intl & Async Routes in React Router v4 Edit: After writing this and refining the approach, I've released a github package for everyone! react-router-async-routing After a two week hiatus from Christmas vacation, I'm back with some code. I came up with
react 2017 is the Year for React Apps Last year, I created a large client side app, using webpack v1, react router v2, and React. It taught me a lot about the state of JavaScript development. With the new year coming,
opinions Pros of Using GitHub Organizations I consider myself an average developer. I'm not at the point where I can say I've started something that has thousands of stars on github. I can't say that hundreds of people have
javascript Human Readable AJAX Requests As a JavaScript developer, you must have seen code like this before: fetch('/users.json', { method: 'PATCH', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ name: 'Hubot', login: 'hubot', }), }) .then(response => response.
