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 (2019)

A living, breathing guide to testing React components. Learn how to test React with react-test-renderer, React Act API, Cypress, and more.

Testing React Components: The Mostly Definitive Guide
Continue reading “Testing React Components: The Mostly Definitive Guide (2019)”

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)”

Webpack Tutorial: From Zero Configuration To Production (webpack 5)

All you need to know about webpack, the modern module bundler. In this webpack tutorial you will go from zero configuration to bundling your JavaScript apps, step by step.

Webpack Tutorial: From Zero Configuration To Production
Continue reading “Webpack Tutorial: From Zero Configuration To Production (webpack 5)”

Tutorial: How to set up React, webpack, and Babel 7 from scratch (2019)

Have you ever wondered how to set up React, webpack, and Babel from scratch? I’ve got you covered!

Tutorial: How to set up React, webpack, and Babel 7 from scratch
Continue reading “Tutorial: How to set up React, webpack, and Babel 7 from scratch (2019)”

Tutorial: JavaScript End to End Testing with Cypress

Are you struggling with End to End Testing? I feel you. E2E shouldn’t be hard. In the following post you’ll learn how to do JavaScript End to End Testing with Cypress.

End to End Testing with Cypress

End to End Testing, also called E2E or UI testing is one the many testing phases covering a web application.

Continue reading “Tutorial: JavaScript End to End Testing with Cypress”

Tutorial: User Interface Testing with Jest and Puppeteer

I started to consider testing with Jest and Puppeteer right after the library came out. Puppeteer has quite an interesting API.

Testing with Jest and Puppeteer

In the following post I’ll introduce you to a basic UI test for a contact form.

We will testing with Jest and Puppeteer. Even if it’s still under development and the API could be subject to changes, Puppeteer is here to stay.

Continue reading “Tutorial: User Interface Testing with Jest and Puppeteer”