Posts

Showing posts with the label diagram

What would be a good diagram for designing React.js UIs before writing any code?

What would be a good diagram for designing React.js UIs before writing any code? So basically, I mean something like UML for designing classes in Object-Oriented programming. How can we use a diagramming software to design (model) our UIs (Components, props, states, event etc) before writing any actual code? 2 Answers 2 You can use the https://balsamiq.cloud/ for creating the wireframes of UI before starting the actual code.You can create the mobile view screens for different mobile versions in that.Later you can work on the screens wise. Once the UI is done you may get the clear idea of what is needed in reactjs states and props values. Pen and paper ... whiteboard. It might sound like I'm kidding. But I find this to be the best way to model your app. When I'm done with a whiteboard diagram, I take a photo if I need to share it. It does two big things, imo: 1. it keeps things simple so you...