Learnings from other architectures

In the current and previous chapters, we’ve seen all the different technical structures, tools, and patterns that frameworks use for their benefit. If we browse through the sources of frameworks gathered in the Framework showcase section of Chapter 1, we can start to clearly see repeating patterns. Following these practices, we can take advantage of them in our own framework development. By gathering knowledge from the existing designs from different types of JavaScript frameworks, we can conceive a structural system that can serve us well in building our project. We can fuse all those methods and practices into a general framework structure.

The following code shows the generic JavaScript framework structure:

<root framework directory>
  | <main framework packages>
    + <core framework interfaces...>
    + <compiler / bundler>
  | <tests>
 ...