A living, breathing guide to testing React components. Constantly updated, better you bookmark it!
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)”
I bet you don’t know the answer.
What are the most basic components of a programming language?
Variables and functions right? Everybody can learn these building blocks.
But what lies beyond the basics?
How to use Async Await in React?
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 regeneratorRuntime is not defined.
If you’re hitting that error and you want to use Async Await in React, look no further.
Continue reading “How To Use Async Await in React (componentDidMount Async)”
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!
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
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)”
React is mostly used for Single Page Applications.
Yet it’s possible to integrate the library into any website with webpack and Babel.
Continue reading “Tutorial: How to set up React, webpack 4, and Babel 7 (2018)”
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)”