Logical Model and Concepts for React Applications
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.