1 Component hierarchy

Ben Grynhaus редактировал(а) эту страницу 2019-03-17 23:45:54 +02:00

The component hierarchy in a typical app is described by the below diagram, Fabric is used to demonstrate things, but the same ideas translate over to any other wrapper library:

• Things in red are Angular components (@Component).
  • Surrounded by their respective NgModules.
• Things in blue are React components (in any form - either class or functional).

This is a pretty small app, but the same idea holds true for larger apps with dozens of NgModules.

Note that you can also create a FabricModule in your app and import + export all Fab*Modules there, similarly to other UI libraries. There are pros and cons to each approach, so choose what works best for your use-case.

• Home
• Component hierarchy
• Event handling
• Limitations
• To do
• Future directions
• Wrapper libraries
  • Fabric
  • Semantic UI
  • Authoring
  • ReactWrapperComponent
  • Helper components
    • ReactContent
    • ReactTemplate
    • Disguise
• Architecture
  • High level
  • Render flow
  • Component registry