Quick Tip: How to Loop Through a JSON Response in JavaScript

When fetching data from a remote server, the server’s response will often be in JSON format. In this quick tip, I’ll demonstrate how you can use JavaScript to parse the server’s response, so as to access the data you require. This process will typically consist of two steps: decoding the data to a native structure (such as an array or an object),...

2d

An Introduction to Prototyping with Figma

Prototyping is the process of turning a static mockup into an interactive and dynamic mockup (better known as a prototype). Bringing a static mockup to life is without doubt one of the most — if not the most — exciting step in the design workflow. It’s also super important that developers understand the design’s user flow, and how it should feel and...

3d

A Guide to Obsidian: Local, Markdown-Powered Networked Notes

Obsidian is a note-taking and knowledge management app by the people who created Dynalist, a popular online outliner and one of my favorite tools. They think of it as “an IDE for your notes.” It lets you turn a collection of plain text files into a rich network of linked thought. Obsidian’s data is stored in a local folder of Markdown files. The app’s...

4d

Build a Web App with Modern JavaScript and Web Components

JavaScript in the browser has evolved. Developers who want to take advantage of the latest features have the option of going framework-less with less hassle. Options normally reserved to front-end frameworks, such as a component-based approach, is now feasible in plain old JavaScript. In this take, I’ll showcase all the latest JavaScript features,...

5d

Secret Strategies to Win Promotions Other Devs Can’t Get

What’s the easiest way to get promoted? Work hard, do a great job, add value, right? Wrong. Ask any experienced employer and they’ll tell you. The absolute last thing they want to do is promote a hardworking employee who does a great job. It’s the fast track to failure. This sounds brutal and unfair. If you do a great job in your role as a developer,...

2w

How to Build a Developer Blog with Gatsby and MDX

You can easily publish your ideas to sites like Dev.to, Hashnode or Medium, but the ideal is to have full control over your own content. There’s an ever-growing list of tools for building your own website and controlling your own content. In this extensive tutorial, I’ll be covering how you can make your content shine using Gatsby, with the added bells...

2w

How to Migrate Your App from Express to Fastify

Express has long been the most popular framework for developing web applications with Node.js. Unfortunately, this framework hasn’t seen much active development in recent years. This means that it doesn’t have support for modern JavaScript features. In the meantime, a number of new frameworks have emerged which take a different approach to Node.js application...

2w

Squeaky Portraits: Having Fun with the CSS path() Function

With the Chrome 88 release, we got support for clip-path: path(). That means it now has support in “most” major browsers! With path(), we’re able to use path definitions for a clip-path. (You catch up on what clip-path is here). These path definition strings are the same as those we can use with the SVG path element. What’s cool about this is that...

3w

A Beginner’s Guide to Roam Research

Roam Research is a friction-free, note-taking and knowledge-management application. It’s getting a lot of attention, and the label “game changer” has been used. You’re likely reading this article because you’ve heard the hype and are wondering if it’s true, and whether its features are a good fit for your needs. At first glance, it appears to be a...

3w

9 Best JavaScript and TypeScript ORMs for 2021

This article will briefly explain what object relational mapping (ORM) is, what an ORM library is, and why you should consider using one with your next JavaScript project. We’ll also help you evaluate the best JavaScript and TypeScript ORM libraries based on your needs as a project developer and maintainer. We’ll look at each of the following tools:...

3w