Module hierarchy

There are different types of modules (or templates), namely: topLevel, pageSection, block, blockGroup and module. They have the following hierarchy:

  • 1 topLevel contains N pageSections
  • 1 pageSection contains N blocks/blockGroups
  • 1 blockGroup contains N blocks/blockGroups
  • 1 block contains N modules
  • 1 module contains N modules (ad infinitum)

topLevel

It is the single, top-level module loaded by the application. It is similar to WordPress’ hierarchy template (Single, Home, Archive, Author, etc).

toplevel

pageSection

It is a physical/functional section on the website.

pagesections

block

It is an independent component, which keeps a state; it can be added to different pageSections and customized for each.

blocks

blockGroup

It is a special type of block, which collects/wraps other blocks and allows to synchronize state among them.

blockgroups

module

It is an atomic/reusable functionality, or a composition of modules; pretty much everything on the website is a module.

modules


Welcome to the PoP framework!
Break the information monopoly

the PoP framework is open source software which aims to decentralize the content flow and break the information monopoly from large internet corporations. Read more.


Sign up to our newsletter: