learn react ui logoLearnReactUI
React Web Apps Conceptual Framework

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