3 ms·

Is this a book someone like me who will benefit if I can't figure out the basic of layout and UI of a react website? I developed a React App to track expense b/

Is this a book someone like me who will benefit if I can't figure out the basic of layout and UI of a react website? I developed a React App to track expense b/w me and my wife. I sort of thought as I developed, the layout and structure will automatically work out of the box b/w mobile and desktop. The end result is it is not. The layout do not intelligently work themselves out in different screen resolution. With that said, I have read about 'flexbox' or sort tech that React has but I have procrastinated forever to revamp the UI using flexbox. I didn't quiet understand flexbox or react layout general and will need to take another jab at it. On the other hand, will this book benefit me? Sort of mental model to have when mocking up UI for website? I understand the whole idea of wireframe and sketches, but I want think beyond that. For example, I am always impressed by https://www.hims.com/ https://www.hims.com/ UI/UX. Second, how long should it generally take to read through the book? In my mind, it will take months or so to go through it...

hutzlibu 3y ago
I do not know that book, but it seems you are mixing up and asking for 2 different things: - how to design a good UI - how to implement a given UI design (in your case with react) In general, I would start with visualizing and sketching the desired end result. Then choose a UI framework, that can make that happen. (and I don't know of a magic bullet UI framework, that just works automatically for different screenresolutions) I would suggest with keeping it as simple as possible. Less is usually more.
- mattfrommars 3y ago
  Thank you. Is it correct to say the book parent comment suggested solves item one in your list > how to design a good UI And my issue is exactly your second point - how to implement a given UI design. I came across multiple React UI Framework but haven't been able to fully understand the 'big picture' per say on using them.

hutzlibu 3y ago

I do not know that book, but it seems you are mixing up and asking for 2 different things: - how to design a good UI - how to implement a given UI design (in your case with react) In general, I would start with visualizing and sketching the desired end result. Then choose a UI framework, that can make that happen. (and I don't know of a magic bullet UI framework, that just works automatically for different screenresolutions) I would suggest with keeping it as simple as possible. Less is usually more.

mattfrommars 3y ago
Thank you. Is it correct to say the book parent comment suggested solves item one in your list > how to design a good UI And my issue is exactly your second point - how to implement a given UI design. I came across multiple React UI Framework but haven't been able to fully understand the 'big picture' per say on using them.