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).

FreeJavaScriptReact

Topics

1JSX (9 exercises)
2Props & State (8 exercises)
3Component Lifecycle (3 exercises)
4React Conditionals (0 exercises)
5React Loops (4 exercises)
6Whitespace (4 exercises)
7Keys (6 exercises)
8Prop-Types (12 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.

Refer to the How-to page for more information.

From the author

...

Content

Tools

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

Theory

... (TODO)


About the Author

Ivan Kleshnin
Senior 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.