typescriptCreating a custom TypeScript API client for your teamOne of the things I constantly find myself re-inventing is a client for some API. I’ve used many different libraries like, request…
webpackHow webpack decides what entry to load from a packageToday I was working on creating a node.js bundle using webpack 4, and came across a fun little doozie of an error which lead me to do a bit…
webpackWebPack production environment is NOT the NODE_ENV or BABEL_ENV environment variableA revelation came to me the other day when I was reviewing some of our bundling processes at Eventbrite. We currently run production bundles…
webpackDebugging node and Jest tests with VS Code's DebuggerVS Code has become my favorite IDE for pretty much everything these days. There are so many great features it has to offer including the…
webpackBrite FutureThe past almost 4 years I’ve spent at Lonely Planet are coming to an end, and I’m excited to be joining the Front End Platform Team at…
typescriptWhy would you NOT use TypeScript?In a world where JavaScript is arguably the most popular tool for building software these days, it seems like it’s everywhere now. With node…
reduxUsing do expressions in Redux ReducersThere’s an interesting proposal that’s stage 1 currently (as of 9/26/2017) called . Thanks to the magic that is Babel, you can already go…
reactGetting started with TypeScript, WebPack, and ReactWe’ve been integrating TypeScript more and more into our workflow at Lonely Planet. I wanted to just quickly share how easy it is to get…
typescriptTesting typescript classes with Jest and Jest MocksTypescript is a powerful way to build applications. It offers type checking to catch errors before they make it to the browser. On top of…
reactFetching data in a universal react router app with async actionsOne of the most difficult things when working in a universal app is fetching data on the client side. With es2017 and the React lifecycle…
webpackAdvanced WebPack Part 3 - Creating a custom notifier pluginAs a front end infra engineer, you’ll use the heck out of WebPack. It’s an incredibly powerful tool. Sometimes it takes a while though. I…
webpackAdvanced WebPack Part 2 - Code SplittingWebPack has a feature that utilizes the AMD spec called Code Splitting. What it allows you to do is “split your code” (insert troll face…
documentationDocument ES6 with ESDocI’ve been writing a lot of ES6(ES2015) at Lonely Planet the past few months. It comes with so many welcome changes to JavaScript, and with…
webpackAdvanced WebPack Part 1 - The CommonsChunk Plugin“As a front end developer, I want to split my assets up into multiple bundles so that I can load only the JavaScript, and CSS needed for a…
sublimeSetup ESLint with ES6 in Sublime TextESLint is a JavaScript linter/style checker that has quickly risen in popularity for a number of reasons. First of all, it’s easily plugable…
angularUnderstanding Angular.js services the easy wayOne of the difficulties when first learning angular is understanding services and what they really are. One of the problem with services is…
angularUsing jQuery's $.ajax in an Angular appWe’ve all been using jQuery for a long time. It’s for this reason that Angular.js works seemlessly with jQuery if it sees it on the page…
angularScope creep, a deep dive into Angular's scopeGetting used to the concept of in Angular is among the more difficult concepts to fully grok when first being introduced to the magical…
angularAdding clarity to scope inheritance in angularNo matter how old JavaScript gets, the concept of prototypical inheritance still confuses developers. In fact, appendTo just gave a training…
