Hugo Di Francesco

Developer, JavaScript, CSS and web. Writing at Code with Hugo.

London Joined on Jan 10, 2017 https://codewithhugo.com

Education

MEng Mathematical Computation - University College London (UCL)

Work

Software Engineer at Eurostar

Hugo Di Francesco

Oct 20 '19

Celebrating the publication of "Professional JavaScript" with the Dev.to family

#writing #books #javascript #node

19 3

1 min read

Simple and effective: Unit-testing Alpine.js components with Jest ⏱️⏩

I haven't tried to mock the magic methods, but all the stuff ...

Sep 7 '20

Simple and effective: Unit-testing Alpine.js components with Jest ⏱️⏩

Nice writeup in terms of writing isolated unit tests for comp...

Sep 7 '20

Refactoring node.js (Part 1)

Node 10+ has a promisified version of fs under fs.promises....

Nov 10 '19

30 Day Challenge: 30 Posts in 30 Days

no copy of an old post A very important skill down the lin...

Oct 21 '19

Unlock more dev.to features

Not sure, I think it might have been discontinued, haven't ...

Sep 27 '19

Which editor do you use when opening files like .bash_profile, etc?

vim because it feels the most natural to open a path starti...

May 26 '19

An enterprise-style Node.js REST API setup with Docker Compose, Express and Postgres

Re TypeScript I didn't want to add a build step in. Pg-pro...

May 11 '19

An enterprise-style Node.js REST API setup with Docker Compose, Express and Postgres

Definite oversight on my part 🙂 thanks for pointing it out

May 11 '19

View all 57 comments

Hugo Di Francesco

Sep 24 '19

Yarn Workspaces: monorepo management without Lerna for applications and coding examples

#yarn #monorepo #node #javascript

3 min read

Hugo Di Francesco

Sep 13 '19

Jest Full and Partial Mock/Spy of CommonJS and ES6 Module Imports

#javascript #testing #jest #webdev

12 min read

Hugo Di Francesco

Sep 11 '19

Add Search to a Hugo site with Lunr.js and Node.js

#javascript #jamstack #node #hugo

4 min read

Hugo Di Francesco

Sep 1 '19

JavaScript Data Type Check Cheatsheet

#javascript #datatypes #es6 #webdev

10 min read

Hugo Di Francesco

Aug 5 '19

Tailwind CSS 1.x impressions, development and production setup for static sites with Tailwind CLI and PurgeCSS CLI

#tailwindcss #css #frontend #jamstack

5 min read

Hugo Di Francesco

Jun 14 '19

Jest exclude file/function/statement from test coverage

#testing #jest #javascript #webdev

4 min read

Hugo Di Francesco

Jun 9 '19

How long is a new feature/page expected to take?

#discuss #beginners #career #webdev

7 2

1 min read

Hugo Di Francesco

Jun 8 '19

Super-powered newsletter content with Pocket and Netlify Lambda

#jamstack #serverless #javascript #productivity

7 1

4 min read

Hugo Di Francesco

May 31 '19

Avoiding recursion pitfalls: MongoDB nested query clause addition and removal

#testing #node #mongodb #javascript

6 min read

Hugo Di Francesco

May 24 '19

Read and parse POST/PATCH/PUT request JSON or form body with Express and no dependencies

#javascript #node #express #bodyparser

5 min read

Hugo Di Francesco

May 18 '19

Jest assert over single or specific argument/parameters with .toHaveBeenCalledWith and expect.anything()

#javascript #testing #jest #tdd

4 min read

Hugo Di Francesco

May 10 '19

An enterprise-style Node.js REST API setup with Docker Compose, Express and Postgres

#express #node #javascript #docker

61 6

8 min read

Hugo Di Francesco

May 3 '19

Add days to a Date in vanilla JavaScript

#javascript #date #webdev

11 3

1 min read

Hugo Di Francesco

Apr 23 '19

Auto-publish future posts with JAMstack on Netlify and CircleCI 2.0 scheduled jobs

#blogging #jamstack #static #writing

4 min read

Hugo Di Francesco

Apr 14 '19

Enable CDN (Cloudflare) caching for your Netlify site

#netlify #jamstack #cdn #webdev

4 min read

Hugo Di Francesco

Mar 25 '19

Docker Compose Local HTTPS with nginx or Caddy

#docker #webdev #https #letsencrypt

11 min read

Hugo Di Francesco

Apr 11 '19

Deployment options: Netlify + Dokku on DigitalOcean or Hetzner Cloud vs now.sh, GitHub Pages, Heroku and AWS

#deployment #cloud #webdev #beginners

11 3

6 min read

Hugo Di Francesco

Apr 9 '19

JavaScript Object.defineProperty for a function: create mock object instances in Jest or AVA

#javascript #testing #jest #webdev

3 min read

Hugo Di Francesco

Mar 25 '19

Fix git “tip of your current branch is behind its remote counterpart” - 4 real-world solutions

#git #productivity #beginners #gitflow

5 min read

Hugo Di Francesco

Mar 6 '19

Pass cookies with axios or fetch requests

#cookies #webdev #fetch #javascript

10 1

2 min read

Hugo Di Francesco

Feb 25 '19

Parse POST/PATCH/PUT request JSON body with Express and no dependencies

#node #javascript #express #webdev

3 min read

Hugo Di Francesco

Feb 18 '19

A guide to Express request and response mocking/stubbing with Jest or sinon

#javascript #node #testing #webdev

15 min read

Hugo Di Francesco

Feb 13 '19

12-factor Node.js application configuration management without the `config` npm package

#node #javascript #deployment #webdev

17 2

3 min read

Hugo Di Francesco

Feb 4 '19

The comprehensive guide to integrating a Python/Ruby/PHP/shell script with Node.js using child_process.spawn

#node #javascript #python #webdev

8 min read

Hugo Di Francesco

Jan 28 '19

Async JavaScript: history, patterns and gotchas

#javascript #async #patterns #node

14 min read

Hugo Di Francesco

Dec 31 '18

Connect to MongoDB on Dokku with your local command line or Robo3T

#deployment #database #dokku #mongodb

5 3

4 min read

Hugo Di Francesco

Dec 19 '18

Sequelize Data Types: a practical guide

#node #javascript #sequelize #postgres

3 min read

Hugo Di Francesco

Dec 7 '18

Technical content workflow for “Code with Hugo”: static site, Paper, Medium, DEV and Buttondown

#writing #blogging #productivity #seo

12 2

7 min read

Hugo Di Francesco

Nov 26 '18

Post Frequency: from prototype to production with Vue + Node

#javascript #node #vue #productivity

7 min read

Hugo Di Francesco

Sep 10 '19

Add a Vanilla JavaScript paywall to a Hugo site using checkoutpage.co

#javascript #vanilla #hugo #stripe

11 1

10 min read

Hugo Di Francesco

Nov 22 '18

Add a client-side paywall using checkoutpage.co and vanilla JavaScript

#showdev #javascript #vanillajs #frontend

10 min read

Hugo Di Francesco

Nov 19 '18

A simple JavaScript/Node coding setup on Mac OS X

#setup #javascript #node #productivity

6 min read

Hugo Di Francesco

Nov 7 '18

Progress and roadblocks: a journey into open-source

#showdev #javascript #opensource #sequelize

6 min read

Hugo Di Francesco

Nov 2 '18

A tiny case study about migrating to Netlify when disaster strikes at GitHub, featuring Cloudflare

#showdev #hosting #deployment #netlify

5 1

5 min read

Hugo Di Francesco

Oct 25 '18

GitHub-style contribution graph for your blog

#showdev #javascript #discuss #dataviz

17 7

1 min read

Hugo Di Francesco

Oct 22 '18

Simple, but not too simple: how using Zeit’s `micro` improves your Node applications

#javascript #node #es6 #architecture

11 2

7 min read

Hugo Di Francesco

Oct 21 '18

6 months of Code with Hugo, in numbers

#blogging #retrospective #writing

11 3

5 min read

Hugo Di Francesco

Oct 11 '18

Use ES modules in Node without Babel/Webpack using `esm`

#javascript #es6

3 min read

Hugo Di Francesco

Oct 8 '18

ObservableHQ notebooks for JavaScript demos and prototypes

#showdev #javascript #reactive #prototyping

5 min read

Hugo Di Francesco

Oct 5 '18

Deployment options: Netlify + Dokku on DigitalOcean vs now.sh, GitHub Pages, Heroku and AWS

#showdev #deployment #hosting #stack

77 4

5 min read

Hugo Di Francesco

Oct 1 '18

Impress interviewers with recursion in JavaScript with ES6 features

#javascript #es6 #interview #beginners

4 min read

Hugo Di Francesco

Sep 27 '18

Writing multiple Vue components in a single file

#showdev #vue #javascript

4 min read

Hugo Di Francesco

Sep 26 '18

Unlock more dev.to features

#showdev #meta #sustainability #support

15 30

1 min read

Hugo Di Francesco

Sep 24 '18

Unit Testing Sequelize 4 ES6 class models

#es6 #javascript #node #testing

2 min read

Hugo Di Francesco

Sep 20 '18

GitHub-style weekly contribution graphs

#discuss #showdev #javascript #dataviz

10 1

1 min read

Hugo Di Francesco

Sep 17 '18

Why you should wrap your (JavaScript) dependencies

#javascript #npm #webdev #patterns

2 min read

Hugo Di Francesco

Sep 10 '18

A gentle introduction to GraphQL API integrations

#graphql #productivity #webdev #api

7 min read

Hugo Di Francesco

Sep 5 '18

JavaScript GraphQL client requests in Node and the browser using `graphql.js`

#graphql #javascript #webdev #node

3 min read

Hugo Di Francesco

Sep 4 '18

Build and deploy a Vue/React/Vanilla JS app with Parcel and GitHub pages

#showdev #javascript #webdev #npm

3 min read

Hugo Di Francesco

Aug 29 '18

Change the date of a git commit

#showdev #git #webdev #hacks

20 1

1 min read

Hugo Di Francesco

Aug 28 '18

The step-by-step guide to create a domain redirect with Cloudflare

#cdn #productivity #webdev #domain

1 min read

Hugo Di Francesco

Aug 27 '18

Python GraphQL client requests example using gql

#python #graphql #webdev #graphqlclient

1 min read

Hugo Di Francesco

Aug 17 '18

Switching the lights on: Hugo vs Hugo config files

#staticsite #webdev #blogging #deployment

14 5

8 min read

Hugo Di Francesco

Aug 10 '18

Abusing Jest snapshot tests: some nice use-cases 📸

#javascript #testing #snapshots #jest

22 1

5 min read

Hugo Di Francesco

Aug 3 '18

Do we still need turbolinks/PJAX?

#discuss #webdev #rails #javascript

8 3

1 min read

Hugo Di Francesco

Aug 1 '18

Deploy to multiple environments with git and CircleCI

#productivity #git #ci #bash

39 1

5 min read

Hugo Di Francesco

Jul 26 '18

Just enough bash to be dangerous

#bash #linux #ci #productivity

140 5

3 min read

Hugo Di Francesco

Jul 24 '18

Install just redis-cli on Ubuntu, Debian, Jessie

#redis #tooling #webdev #linux

2 min read

Hugo Di Francesco

Jul 21 '18

Bring Redux to your queue logic: an Express setup with ES6 and bull queue

#javascript #node #docker #es6

22 2

10 min read

DEV Community is a community of 894,881 amazing developers

Recent comments

Simple and effective: Unit-testing Alpine.js components with Jest ⏱️⏩

Simple and effective: Unit-testing Alpine.js components with Jest ⏱️⏩

Refactoring node.js (Part 1)

30 Day Challenge: 30 Posts in 30 Days

Unlock more dev.to features

Which editor do you use when opening files like .bash_profile, etc?

An enterprise-style Node.js REST API setup with Docker Compose, Express and Postgres

An enterprise-style Node.js REST API setup with Docker Compose, Express and Postgres