#JavaScript #web development Avoid null/undefined in JavaScript arrays How to avoid TypeError: Cannot read property ___ of undefined using Array.filter(Boolean) tl;dr: Array.filter(Boolean) filters out falsy values (null, undefined, 0, false, '') and avoids Cannot read property of undefined errors. ...
#JavaScript #tip JavaScript “is array” in-depth Detecting Array vs Object in JavaScript with examples tl;dr To detect if something is an Array in JavaScript, use Array.isArray(somethingObjectToCheck). This post is a quarter useful, quarter history lesson, half quirky JavaScript exploration. ...
#meta #seo #technical writing Technical content workflow for “Code with Hugo”: static site, Paper, Medium, DEV and Buttondown tl;dr: here are the tools used to power, build and publish codewithhugo.com: Dropbox Paper because it syncs desktop/mobile and outputs to markdown Unsplash for cover images Edited Markdown + images → Hugo static site generator Casper 2 (https://ghost.org default theme) for Hugo Schedule: Newsletter: Mondays 5pm UK every 2 weeks 1+ post a week Cross-post to Medium (Stories → Import a Story) Cross-post to dev.to using RSS feed Social media/promotion < Organic traffic Newsletter powered by https://buttondown. ...
#JavaScript #vue #node Post Frequency: from prototype to production with Vue + Node If you want to ship, use the tools you know. — A lot of people Let’s apply that principle: I’m building Post Frequency/Accountable Blogging, I’m familiar with Vue and Node-based backends. Netlify makes frontend deployments trivial and I’ve settled on Dokku for databases/backend applications hosting. ...
#JavaScript #meta #payment Add a client-side paywall using checkoutpage.co and vanilla JavaScript How I created the buying mechanism for the Sequelize ES6 Cheatsheet using checkoutpage.co and sprinkles of vanilla JavaScript. This strictly isn’t a paywall, it’s all client-side and doesn’t check much. In principle you can display the whole things using a bit of CSS magic. You could also read the source and reverse-engineer what query params work for this page. You could also spoof as Google Bot (or another crawler) and skip the pay overlay. ...
#JavaScript #meta #node #git A simple JavaScript/Node coding setup on Mac OS X Here’s how I get productive for JavaScript/Node on Mac OS. ...
#sequelize #node #git #cli #JavaScript Progress and roadblocks: a journey into open-source Enhancing generators for ES6 in the Sequelize CLI This is the story of my discovery of ES6-class style model definitions with Sequelize (see Using ES6 classes for Sequelize 4 models). The realisation that the current Sequelize CLI model generator didn’t support it (as is expected since it’s not the most common way of doing it). Finally, the impetus to just implement it myself. In other words, I started using a style of Sequelize models that the Sequelize CLI didn’t support. ...
#meta #deployment #JavaScript A tiny case study about migrating to Netlify when disaster strikes at GitHub, featuring Cloudflare Last Monday (22 October 2018) GitHub was going 💥, and scheduled content on Code with Hugo wasn’t going live. For context, the blog’s setup is documented in “Switching the lights on: Hugo vs Hugo config files”. tl;dr (as is relevant to this post) Cloudflare DNS + CDN + proxying + HTTPS GitHub Pages Hugo as a static site generator CircleCI to deploy the site daily + on push (🤷♀️wasn’t in the post but that’s how I do it) ...
#JavaScript #Node #ES6 #architecture Simple, but not too simple: how using Zeit’s `micro` improves your Node applications Leave the Express comfort zone to expand how you think about Node application architecture. tl;dr using a function composition model for building HTTP servers is awesome Functions as a Service are great but have some drawbacks micro has a similar, simple API to FaaS but doesn’t have a compilation step micro’s minimalism affects how you solve problems Functions as a composition model for JavaScript Functions as a Service pain points ...
#meta #blogging #technical writing #hugo 6 months of Code with Hugo, in numbers Going from 0 to small. A developer’s journey starting a technical blog from scratch. ...
