React Clarified: “Thinking in React”

Improve your understanding of React
Free tutorial
Rating: 4.4 out of 5 (268 ratings)
6,146 students
40min of on-demand video
English [Auto]

React JS
Front-end Web Development
Mobile App Development with React Native
Desktop App Development using React & Electron


  • Basic HTML
  • Basic CSS
  • Basic JavaScript ES6
  • Basic 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.


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

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

Who this course is for:

  • Beginner to Intermediate Web Developers interested in React
  • Beginner to Intermediate Mobile App Developers interested in React Native
  • Beginner to Intermediate Desktop App Developers interested in Electron and React


App Developer & Designer
Tom Bowden (AutoScreencast)
  • 4.6 Instructor Rating
  • 769 Reviews
  • 12,868 Students
  • 2 Courses

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.

Top companies trust Udemy

Get your team access to Udemy's top 17,000+ courses