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. See how I deploy my applications Deployment options: Netlify + Dokku on DigitalOcean vs now.sh, GitHub Pages, Heroku and AWS.

Here’s how I get productive for JavaScript/Node on Mac OS. — Terminal Setup iTerm2 Install iTerm2 Change edit mode to natural text iTerm Preferences → Profiles → select your profile → Keys tab → Load Preset… → Natural Text Editing (See this StackOverflow answer)

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…

Going from 0 to small. A developer’s journey starting a technical blog from scratch. — Stats in this post as of 21st of October, follow me on Twitter for monthly updates. Contents: Timeline Post count, total word and read time Top visited Top day, analytics and search traffic data Highlights Newsletter, dev.to and Twitter Code and example repositories Revenue Timeline First commit: 10th of March 2018

ObservableHQ is a platform being built by Mike Bostock (creator of the D3 visualisation library), Jeremy Ashkenas (“Made CoffeeScript, Backbone.js, Underscore and other ragbag” from his Twitter bio) and Tom MacWright (creator of the big presentation framework, simple-statistics and documentation.js as well as D3 contributor amongst other things). Observable is…

There’s nothing as flashy and useful for JavaScript interviews than recursion. If you just want to be impressive with recursion in JavaScript, here are some semi real-world (technical test type) examples. The short definition of a recursive solution to a problem (in computer science) is: don’t use iteration. This usually…

Writing multiple components in one file is a pattern from React where some files contain multiple components. — Some of those components are “private” to the file/exported component since no other component needs to consume them. Here’s Swizec complaining about it: Since I don’t have the full code for the above, we’re just going to use the default “Hello World” component from a project scaffolded using vue-cli…

GraphQL is a great alternative to REST (or other HTTP API designs). This is a quick introduction to the core concepts around consuming a GraphQL API. To see some examples consuming a GraphQL API: In Python, see Python GraphQL client requests example using gql In JavaScript browser and Node, see…

An example consuming a GraphQL API in JavaScript from Node and the browser using graphql.js — See the example live: https://codewithhugo.com/js-graphql-client-example/. Full repo: https://github.com/HugoDF/js-graphql-client-example. Fetching from Node Fetching from the browser GraphQL documentation tools This was sent out on the Code with Hugo newsletter last Monday. Subscribe to get the latest posts right in your inbox (before anyone else).