Svelte 3 Tutorial for The Impatient (React) Developer

Learn the new kid in town with this Svelte 3 tutorial. Everything you need to know to start building with Svelte!

Svelte 3 Tutorial For The Impatient Developer (2019)
Continue reading “Svelte 3 Tutorial for The Impatient (React) Developer”

JavaScript Engines: How Do They Even Work? From Call Stack to Promise, (almost) Everything You Need to Know

A whirlwind tour of JavaScript engines from Call Stack, Global Memory, Event Loop, Callback Queue to Promises and Async/Await! Enjoy the reading!

JavaScript Engines: How Do They Even Work?

Ever wondered how browsers read and run JavaScript code? It seems magic but you can get an hint of what’s happening under the hood.

Let’s begin our immersion in the language by introducing the wonderful world of JavaScript engines.

Continue reading “JavaScript Engines: How Do They Even Work? From Call Stack to Promise, (almost) Everything You Need to Know”

JavaScript in the Browser: What is the Document Object Model? What is DOM manipulation?

A quick introduction to the Document Object Model. Learn what is DOM manipulation and how to use the native DOM API to interact with web pages from JavaScript!

JavaScript in the Browser: What is the Document Object Model? What is DOM manipulation?

JavaScript is not that bad. As a scripting language running in the browser it is really useful for manipulating web pages. In this quick guide we’ll see what function we have at our disposal for interacting and modifying an HTML document.

Continue reading “JavaScript in the Browser: What is the Document Object Model? What is DOM manipulation?”

Back To The Basics: How To Generate a Table With JavaScript (vanilla)

What it takes to generate a table with vanilla JavaScript? Let’s find out in this tutorial!

Back To The Basics: How To Generate a Table With JavaScript (vanilla)

It’s always a good time for refreshing your JavaScript skills: manipulating the DOM with the native API is a topic that comes up a lot in technical interviews.

In the following tutorial we’ll see what it takes to generate a table with vanilla JavaScript, without resorting to any library or framework.

Continue reading “Back To The Basics: How To Generate a Table With JavaScript (vanilla)”

React Hooks Tutorial for Beginners: Getting Started With React Hooks (2019)

In this React hooks tutorial you will learn how to use React hooks, what they are, and why we’re doing it.

React Hooks Tutorial for Beginners: Getting Started With React Hooks (2019)

Here I am, writing a React hooks tutorial for you. I decided to wait until hooks got finally released before dropping this post. Together we’ll learn React hooks step by step, with a look at how the same logic would be implemented with ES6 classes.

Enjoy the reading!

Continue reading “React Hooks Tutorial for Beginners: Getting Started With React Hooks (2019)”

Testing React Components: The Mostly Definitive Guide (ft. react-test-renderer)

A living, breathing guide to testing React components. Constantly updated, better you bookmark it!

Testing React Components: The Mostly Definitive Guide

Web development is fantastic! You know HTML, CSS, JavaScript, and React! You’re ready to build fantastic web applications people will use and love! It sounds like a dream … until you land your first job as a front-end developer.

I don’t want to scare you but imagine this.

Continue reading “Testing React Components: The Mostly Definitive Guide (ft. react-test-renderer)”

JavaScript: What Is The Execution Context? What Is The Call Stack?

What is the Execution Context in JavaScript?

Javascript: What Is The Execution Context? What Is The Call Stack?

I bet you don’t know the answer. What are the most basic components of a programming language?

UPDATE: There is an improved, extended version of this blog post: JavaScript Engines: How Do They Even Work? From Call Stack to Promise, (almost ) Everything You Need to Know

Variables and functions right? Everybody can learn these building blocks. But what lies beyond the basics?

What are the pillars of Javascript that you should master before calling yourself intermediate (or even senior) Javascript developer?

Continue reading “JavaScript: What Is The Execution Context? What Is The Call Stack?”

How To Use Async Await in React (componentDidMount Async)

How To Use Async Await in React?

How To Use Async Await in React (componentDidMount Async)

You want to use Async Await in React the same as you do in Node.JS? create-react-app supports async/await out of the box.

But if you work with your own webpack boilerplate you may hit an error like regeneratorRuntime is not defined. In the following post you’ll see how to use Async Await in React and how to fix that error.

Continue reading “How To Use Async Await in React (componentDidMount Async)”

How to Throw Errors From Async Functions in Javascript? (and how to test them)

It is possible to throw errors from async functions in Javascript? The topic has been covered hundred of times but let’s see it from a TDD standpoint.

Answer the question without looking at Stackoverflow. If you know the answer, well I’m impressed. If not that’s cool too. Keep reading and you’ll find it!

How to Throw Errors From Async Functions in Javascript? (and how to test them)
Continue reading “How to Throw Errors From Async Functions in Javascript? (and how to test them)”