How to handle errors in React

Best practices to handle errors in React using error boundaries

Casting in JavaScript

How to cast from one data type to another in JavaScript

How to style DOM elements using JavaScript

The ways you can apply styling to elements on the page, dynamically, using plain JavaScript

Loosely typed vs strongly typed languages

The key differences between using a loosely typed language compared to a strongly typed languages

Passing undefined to JavaScript Immediately-invoked Function Expressions

Sometimes you can spot old code in the wild where `undefined` is passed to a function. Why?

How to pass a parameter to event handlers in React

Find out how to pass a parameter to onClick events for example, without invoking the method on mount

On going independent as a developer

Some of my thoughts on the topic of working independently as a software developer

The Fish Shell

A user introduction to the Fish shell

Introduction to Bash Shell Scripting

A detailed overview to scripting the Bash Shell

The Bash shell

A user introduction to the Bash shell

How to continuously rotate an image using CSS

How to use CSS Animations to continuously rotate an image

Dynamically select a method of an object in JavaScript

Learn how to access a method of an object dynamically in JavaScript

The TypeScript Guide

TypeScript is one of the fastest rising technologies of 2018. It's everywhere, everyone talks about it. This article guides you towards understanding its key concepts

How to estimate programming time

The fine art of estimating how long it takes to create software

How to discover a bug using git bisect

How I debug almost all problems that involve a long history of changes, tracked using Git, and discover when you introduced a bug in your code

The pros of using a boring stack

Why I think choosing a boring stack is important in programming

The definitive guide to debugging JavaScript

Learn how to debug JavaScript using the browser DevTools debugger

My notes on the Deep Work book

In this post I distill the key concepts that I learned from the Deep Work book by Cal Newport. I added some of my personal observations and experience.

Testing React components

Test your first React component using Jest and `react-testing-library`

Destructuring Objects and Arrays in JavaScript

Learn how to use the destructuring syntax to work with arrays and objects in JavaScript

Work with objects and arrays using Rest and Spread

Learn two modern techniques to work with arrays and objects in JavaScript

Introduction to PeerJS, the WebRTC library

Working with WebRTC can be hard. PeerJS is an awesome library that makes WebRTC easier

React Render Props

Learn how Render Props can help you build a React application

React Portals

Find out how to use React Portals

React StrictMode

What is React StrictMode and how to use it

What is Serverless?

What is serverless and why should you care?

Netlify Lambda Functions Tutorial

How to use Netlify Lambda Functions and add dynamic processing to JAMstack sites

Handling Forms in React

How to handle forms in a React application

Using SASS in React

How to use SASS to style a React application

CSS in React

How to use CSS to style a React application

How to install React

How to install React on your development computer

Server Side Rendering with React

What is Server Side Rendering? How to do it with React?

How I added Dark Mode to my website

The step by step instructions to make 2 versions of your website, to make it perfect for both day and night use

Code Splitting in React

What is Code Splitting and how to introduce it in a React app

React: Presentational vs Container Components

The difference between Presentational and Container Components in React

React Concept: Composition

What is composition and why is it a key concept in your React apps

Introduction to create-react-app

create-react-app is the easiest way to start up a React application

How to only accept images in an input file field

When adding a file field to a form, you might want to limit the selector to images

Introduction to React Hooks

Learn how Hooks can help you build a React application

React Concept: Purity

What is purity, a pure function and a pure component

React Concept: Immutability

What is immutability? And how does it fit in the React world?

React Lifecycle Events

Find out the React Lifecycle events and how you can use them

JSON Web Token (JWT) explained

Learn the basics of JWT and how to use them

React Higher Order Components

Find out what Higher Order Components are and how they are useful when programming a React application

The HTTP/2 protocol

A detailed description of how the HTTP/2 protocol works

call() and apply() in JavaScript

Find out how to use call() and apply() and their difference in JavaScript

Unidirectional Data Flow in React

Working with React you might encounter the term Unidirectional Data Flow. What does it mean?

How to reference a DOM element in React

Find out how to ref a DOM element in React

How to count the number of properties in a JavaScript object

Find out how to calculate how many properties has a JavaScript object

How to sort an array of objects by a property value in JavaScript

Find out how to sort an array of objects by a property value in JavaScript

How to set default parameter values in JavaScript

Find out how to add a default parameter value into a JavaScript function

How to encode a URL with JavaScript

You might need to encode a URL if you are sending it as part of a GET request, for example.

How to empty a JavaScript array

Given a JavaScript array, see how to clear it and empty all its elements

How to replace a DOM element

Given a DOM element, how do you replace it with another?

How to get the scroll position of an element in JavaScript

When you are building a user interface in the browser, you might have an element which can be scrolled, and it's a common need to know the horizontal and vertical scrolling it currently has.

How to merge two objects in JavaScript

Find out how to merge 2 JavaScript objects and create a new object that combines the properties

Zeit Now Tutorial

Find out how to use the Now platform created by Zeit

Introduction to Gatsby

Gatsby is a platform for building apps and websites using React

What is a CDN?

Discover what is a CDN and why it's useful

The social proof principle

What is scarcity? How can it help you grow your business?

What is the JAMstack?

Find out what does JAMstack mean, and the advantages of this set of technologies

Use the Chrome DevTools to debug a Node.js app

When we're programming it's common to have the need to quickly test and do some experiments with a piece of code.

How to use MongoDB with Node.js

In this tutorial I'll show you how to interact with a MongoDB database from Node.js

The scarcity principle applied to software products

What is scarcity? How can it help you grow your software-based business?

How MongoDB is different from a SQL database

Generally speaking there are 2 major types of databases: SQL databases, and NoSQL databases

The MongoDB basics tutorial

MongoDB is a database, the part of the application responsible for storing and retrieving information.

How to use the macOS terminal

The terminal is one key piece of your programming arsenal. It allows you to perform tasks that are otherwise impossible to achieve.

Angular

Placeholder for upcoming Angular tutorials

How to hide a DOM element using plain JavaScript

Find out how to hide and then show again elements in vanilla JavaScript

Should you use or learn jQuery in 2019?

To use or not to use? To learn or not to learn? Let's see how you can avoid jQuery altogether, and the reasons you should keep using it

WebRTC, the Real Time Web API

How to use WebRTC to create a direct webcam communication application with this simple tutorial

How much JavaScript you need to know to use React?

Find out if you have to learn something before diving into learning React

How to hide the address bar in Chrome

Useful for screenshots and screencasts, or just to increase the real estate of your screen

The JSONP Guide

JSONP is a way to load data from 3rd party servers, bypassing the same-origin policy

Introduction to JSON

JSON is a great format to store data, widely used in JavaScript but not only - discover all about it!

Run a web server from any folder

An introduction to WebAssembly

Discover why WebAssembly is a very important part of the Web platform of the future

What is a Single Page Application?

Modern Web Applications are also called Single Page Applications. What does this mean?

Should you use Vue or React?

Many people asked me to write my opinion on React vs Vue.js. Here are my thoughts.

Should you use jQuery or React?

The tl;dr is, it depends!

Props vs State in React

What's the difference between state and props in React?

How to get the index of an iteration in a for-of loop in JavaScript

How to loop inside React JSX

How to loop in a React component JSX

React: How to show a different component on click

Toggle the visibility of components by telling React to display another component when you click something

HTML Canvas API Tutorial

A guide to the Canvas API, one way offered by browsers to draw to the screen

React concepts: declarative

What does it mean when you read that React is declarative

React PropTypes

How to use PropTypes to set the required type of a prop

The React Context API

The Context API is a neat way to pass state across the app without having to use props

The React Fragment

How to use React.Fragment to create invisible HTML tags

React Props

How to use props to pass data around your React components

The React State

How to interact with the state of your components

React Events

Learn how to interact with events in a React application

The Virtual DOM

The Virtual DOM is a technique that React uses to optimize interacting with the browser

React Components

A brief introduction to React Components

Introduction to React

An introduction to the React view library

How to add a click event to a list of DOM elements returned from querySelectorAll

How to iterate a NodeList and attach an event listener to each element

How to change a DOM node value

Given a DOM element, how do you change its value?

How to check if a DOM element has a class

How do you check if a particular DOM element you have the reference of, has a class?

How to remove a class from a DOM element

TL;DR: Use the remove() method on element.classList

How to generate a random number between two numbers in JavaScript

The simplest possible way to randomly pick a number between two