Bite-sized screencasts for React
and frontend developers

React Components, Props and State explained in plain English

posted on: 22-jun-2018

Today let’s study the three most important concepts in React: components, props and state, and the differences between props and state.

When (and when you shouldn’t) use ES6 arrow functions 

posted on: 18-jun-2018

Arrow functions (also called “fat arrow functions”) are undoubtedly one of the more popular features of ES6. They introduced a new way of writing concise functions.

How to (and how NOT to) learn REACT?

posted on: 06-jun-2018

how not to learn react I recently had a few conversations with some readers of JS Craft about what would be a good approach for them to start learning React.
But before that, before getting to the master plan of learning React, let's do a bit of reverse psychology:

What can React Context API do for you? Multi-language text, Modals, and Theme switchers

posted on: 24-may-2018

react context example1 I am lazy, by default. Learning something new takes effort and time. So, I always start by asking “why should I learn this? How this insert here: framework, library, programing language will make my life easier?”

The 7 Most Common Mistakes that beginner React Developers Make

posted on: 17-may-2018

react mistakes Recently I had to hold a React workshop for some developers from a company I am working with. Some of them were juniors and others where experienced backend devs, but, to my surprise, there were some common issue patterns that kept repeating for both categories. So, I’ve decided to make a list of these common mistakes hoping it will save you some moments of frustrations when you first start to learn React:

<newer articles     older articles>