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”
The webpack team is working hard on the next generation of the popular module bundler: webpack 4.
The following post is a living, breathing introduction to webpack 4. I’ll update it as soon as new info will come in.
Continue reading “Webpack 4 Tutorial: from 0 Conf to Production Mode”
The simplest React Redux tutorial I wish I had when I started learning
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: learning Redux in 2018”
A quick fix for missing 1 required positional argument: on_delete on Django 2.0
Django 2.0 has been released with some nice improvements over the older version.
I really like the new path method so I decided to check out Django 2.0. Among the new feature there are some minor changes such as with the ForeignKey field.
Continue reading “Django: How to Fix “missing 1 required positional argument: on_delete””
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”
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”
HTTP requests with Node.js are a means for fetching data from a remote source. It could be an API, a website, or something else: at one point you will need some code to get meaningful data from one of those remote sources.
During your career as a Web Developer you will work with HTTP requests all the time. This is why in the following post I want to introduce you to some different ways for making HTTP requests in Node.js.
Starting from the easier one we will explore the “classic way” for doing HTTP requests all the way through libraries which support Promises.
Continue reading “4 + 1 ways for making HTTP requests with Node.js: async/await edition”
I didn’t care too much about Webpack either, until I found out it could do the same things as Gulp does. Plus I was eager to learn Webpack as soon as possibile. This is why I started to think about switching from Gulp to Webpack for all of my projects.
Latest update: November 1, 2017
Continue reading “How to switch from Gulp to Webpack: a tutorial to get you started”