Bite-sized screencasts for React
and frontend developers

The 10 min ES6 course for the beginner React Developer

posted on: 28-mar-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-mar-2018

... loading

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.

Build a game with React part 2 - using setState

posted on: 08-mar-2018

... loading

In the second part of this tutorial we will see in action things like how to change the state of a component, will add images to our game and "teach" it how to draw some random symbols.

Geting started with the code samples and create react app

posted on: 22-feb-2018

Usually a JS Craft Screencast will provide you with two downloadable code samples: the starting version of the code and the final version - how the code should look like at the end of the screencast.

Build a game with React part 1 - project setup basic components inline styles

posted on: 18-feb-2018

... loading

In this first part we will cover the basic project setup, meet the core components and use the inline styles to implement some of the features in our small game example.