Bite-sized screencasts for React
and frontend developers

Introduction to using GraphQl in React with Apollo

posted on: 08-sep-2018

What is GraphQl and why should I be interested in it? In a nutshell, we can see GraphQL as a syntax that describes the data you get, usually from a backend API. It was created by Facebook and in most cases, it provides good solutions to REST API's problems.

Your first application with React and Mobx 4

posted on: 28-jul-2018

If you are in the React world there are some pretty high chances you may have heard about Mobx. Mobx is a lightweight and easy to learn state management library developed by Michel Weststrate.

How to make Modal Dialogs in React

posted on: 13-jul-2018

What’s the “react” way to trigger a modal when a button is clicked? If you come from Angular, jQuery, or even just vanilla JS, your thought process for opening a modal dialog probably goes something like this:

How to check if a function already exists in Javascript

posted on: 05-jul-2018

I've received a question from a reader whose background is in PHP. The other day he asked me if there was a JavaScript equivalent of PHP’s function_exists() method.

React context API Tutorial

posted on: 18-jun-2018

Hello and welcome! A few days ago React 16.3 was released and alongside other things it also delivered a new React context API. The scope of this tutorial it will be to see in action this new React context API.

The 10 min ES6 course for the beginner React Developer

posted on: 28-may-2018

The famous 80–20 Pareto principle is also true when it comes to the learning React & ES6 relationship. ES6 came with more that 75 new features, but from what I’ve seen, I found myself needing less than 20% of them in more that 80% of the cases.

Build a game with React part 3 - simple animations by using setInterval and clearInterval in React JS

posted on: 16-apr-2018

We will see in this final part of the series how to use React with setInterval to generate a basic animation and also how to end the running of a setInterval.