Logical Model and Concepts for React Applications

Logical Model and Concepts for React Applications

Onur Dayıbaşı
learnreactui
Published in
2 min readNov 25, 2023

--

This article is the continuation of the previous article How to Become a Frontend Master. In this article, I will explain how I modeled the Frontend Application level by level in my own head.

In the real world, all frontend applications use the same the approach.

  • Technology and Frontend Concepts
  • Domain (Application Capabilities)

Frontend Web Applications are created by expertly combining these two structures. As in video games and cartoons.

Scriptwriters’ stories → are organized by Directors → Animators, Visual Effects specialists → into Components → Interaction between Components → then into a scene → scenes are combined into a cartoon.

In truth, the structure of a frontend web application is similar. Only by thoroughly understanding these structures and sitting in your thoughts will you be able to detect that diverse apps truly have a similar structure and establish similar patterns as a technical staff.

Now I’ll describe these patterns and models to you on the mental levels I’ve created. I learned that explaining such subjects to individuals on such levels makes the subject easier to understand.

In this article, I will try to explain the subject by going a little deeper each time through the levels.

  • Level 1 (Composing Components)
  • Level 2 (Layered Structure)
  • Level 3 (Basic Concepts)
  • Level 4 (Process, Concept and Tools)

Continue

To read full ebook pdf from link.

--

--

learnreactui
learnreactui

Published in learnreactui

This publications are updates of ebooks about react, frontend, javascript and software engineer

No responses yet