What would be a modeling scheme to best visually represent the flow of an ReactJs app

1.1k Views Asked by At

I learn React JavaScript and wanted to understand React better so I wanted to create a nice visual work flow of my ReactJs app and came across this free StarUml modeling tool

Looking in the Docs I see one can choose from a variety of diagrams like:

Activity Diagram
Class Diagram
Communication Diagram
and 11 more Diagram types on that page like:

component-diagram.md   
composite-structure-diagram.md   
deployment-diagram.md   
information-flow-diagram.md   
interaction-overview-diagram.md   
object-diagram.md   
package-diagram.md   
profile-diagram.md   
sequence-diagram.md   
statechart-diagram.md     
timing-diagram.md   
use-case-diagram.md   

Here's an Activity Diagram I found when Google; Will this type of diagram be enough to represent a ReactJs app using Redux, Sagas, multiple reducers Stores and backend is Firestore

(I don't want to represent Redux Store State or Component State, only the outer communication)

Activity diagram:

enter image description here

0

There are 0 best solutions below