React Fundamentals

React is the most popular tool to create single page applications (SPA). SPA are actively supplanting "normal sites", since they do not require a page reload for every user action and provide the best UX (user experience).



JSX & Virtual DOM (14 exercises)
Syntax Gotchas (9 exercises)
Lifecycle Events (10 exercises)
Prop Types (13 exercises)

46 exercises with solutions and explanations.

Before you start

1. We believe that a learning environment should be as realistic as possible. There are no Paste-n-Run sandboxes for coding tasks at Paqmind. You should use your own editor to write code and your own machine to run it – like a real programmer does.

2. Make sure you know the required theory, at least in the first approximation. Terms from the Topics should sound familiar for you. Refer to the Theory list below and always search for more. Start tomorrow (or next week) but start prepared.

3. Don't expect to pass the tutorial in one sitting. It's not a usual Easy-Level stuff made to massage your ego. We tried to make each exercise challenging, sometimes even discomfortable, yet enlightening. If you're here just to verify your knowledge, it may take a few days. But if you're new to the topic – it may easily take two weeks or more.

From the author




  • Shell / Terminal. Windows 10 has bash shell.
  • Create-React-App (TODO)
  • Editor (Atom, VSCode, Webstorm...)


... (TODO)

About the Author

Ivan Kleshnin
Fullstack Engineer

Experienced software engineer, mentor and entrepreneur. 12+ years in webdev. Generalist. Proponent of minimalism and 改善 (kaizen). In his free time, Ivan creates learning materials and blogs about programming and web development. As a mentor, prefers to give knowledge that will remain relevant over the years.


Challenge your friends and colleagues.