2

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

halfer
  • 19,824
  • 17
  • 99
  • 186
Kid
  • 1,869
  • 3
  • 19
  • 48
  • I can only say that this is an invalid diagram. As to your question: it's just too broad and needs more focus. – qwerty_so May 27 '21 at 15:18
  • @qwerty_so the question is what type of diagram among the 14 suggest is best for React – Kid May 28 '21 at 07:29
  • Well, simply spoken: that depends. – qwerty_so May 28 '21 at 09:25
  • Does this answer your question? [Advice on which UML diagram to choose for self service checkout](https://stackoverflow.com/questions/64089827/advice-on-which-uml-diagram-to-choose-for-self-service-checkout) - the staruml diagrams are UML diagrams, and there are a lot of similar questions about the most suitable UML diagram for purpose X,y, z. – Christophe May 28 '21 at 11:20
  • but I want a diagram only for ReactJs code not x, y, z – Erik May 30 '21 at 14:00

0 Answers0