React Web Apps Conceptual Framework

In reality, all frontend programs use the same mechanism.

• Technology and Frontend Concepts
• Domain (Application Capabilities)

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

The stories of the scriptwriters → are organised by the directors → through animators, visual effects specialists → into components → interaction between components → then into a scene → scenes are combined into a cartoon.

In fact, Frontend Web application is a similar structure. Only if you understand these structures well and sit in your head, you will perceive that different applications are actually in a similar structure and establish similar patterns as a technical staff.

Now I will explain these patterns and models to you through the levels I have created in my own mind. When I explain such subjects to the people I meet, I realised that explaining them through such levels makes it easier to understand the subject.

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

• Level 1 (Composition)
• Level 2 (Layered Structure)
• Level 3 (World of Concepts)
• Level 4 (Process, Concept and Tools)

If you download this E-Book. You can access the list of open source libraries that can be used here together with the details of the above levels