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!
A common scenario with React Router: re-render a component on route change.
In other words: reloading/refreshing the same React component when visiting a link.
The same concept applies for re-rendering a component when props change.
How do you write such logic? Let’s find out together!
Continue reading “React: Re-render a Component On Route (or props) Change”
webpack 4 is out!
The popular module bundler gets a massive update.
webpack 4, what’s new? A massive performance improvement, zero configuration and sane defaults.
This is a living, breathing introduction to webpack 4. Constantly updated.
You’ll build a working webpack 4 environment by following each section in order. But feel free to jump over the tutorial!
Continue reading “Webpack 4 Tutorial: from 0 Conf to Production Mode”
The simplest React Redux tutorial I wish I had when I started learning (updated to webpack4!)
When I first started learning Redux I wish I could find the simplest tutorial ever.
Despite the great resources out there I couldn’t wrap my head around some of the Redux concepts.
Continue reading “React Redux Tutorial for Beginners: The Definitive Guide (2018)”
Learn how to configure React with Parcel module bundler in this brief tutorial
You’re not supposed to switch from a tool to another one every week. But I feel like Parcel it’s worth a look.
Let’s see why.
Continue reading “Tutorial: Setting up React with Parcel. A comparison with Webpack 3”
This article covers webpack 3. Check out webpack 4 tutorial for the updated version
React is mostly used for creating Single Page Applications. But it’s possible to integrate the library into any website by using Webpack and Babel.
Most beginners don’t know how to glue React and Webpack together so here is a short tutorial for you.
Continue reading “Tutorial: How to set up React, Webpack 3, and Babel, in 2017”
End to End Testing, also called E2E or UI testing is one the many testing phases covering a web application.
I started to consider testing with Jest and Puppeteer right after the library came out. Puppeteer has quite an interesting API.
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”
Fear not, I’ll guide you through the process. This is a tutorial that gets you covered, code included! (Updated to webpack 4)
Continue reading “Tutorial: How to switch from Gulp to webpack (updated to webpack4)”