React Clarified: “Thinking in React”

In this short video course, we will build a simple user interface using React, in just over 30 minutes. We will focus on how to think about building user interfaces using React.

This course is based on the excellent “Thinking in React” article on the official React documentation site. It is suited for those who learn better by following screencasts than reading documentation.

Please note that this is not a course for complete beginners. If you have dabbled in React before, but have some difficulties understanding React, then this short course is right for you.

Prerequisites:

- Basic HTML, CSS, JavaScript ES6 (especially arrow functions)

- Basics of React, including hooks (especially the “useState” hook)

I have been creating mobile applications since 2008. In addition, my passion is making applications for the web and desktop. My favorite programming languages are Clojure(Script), Elixir, Swift, JavaScript, and Lua. I enjoy learning new technologies, and applying them to mobile apps and the web. I currently live in Tokyo, Japan.

About AutoScreencast

I have developed a tool, called AutoScreencast, that automates the production of screencast videos. Basically, AutoScreencast is a Mac app, built using Electron (UI in React), which interacts with MacOS using the Lua programming language. With AutoScreencast, I create and edit a list of “actions”, comprising typing on screen, my voice recordings, moving to a point in the code, show an image on screen, and so on, which then are run in sequence to create a screencast video. By creating this script of “actions”, it is very simple to iterate and improve videos, and update them in the future.