How do you work with react native?

Question

Debugging

I'm starting to learn react native, one of the first tasks is to bring the screens to the layout view.
Tell me, is there something like a debugger like in Firefox? What life hacks are there to make everything look sexy on different screens?

Answer 1

So far, it will be sexy only on iPhones
On androids - well, that's it ...
For now, I'm testing like this: I run X and 5s in simulators, in the Pixel 2 emulator, I watch everything else on real Android devices.
We already wrote about the debugger above, there is also some Reactotron, but there is no time to look at it

Answer 2

https://github.com/jhen0409/react-native-debugger

Answer 3

A life hack to make everything look sexy - take and leave a couple of hobbies, spend the free time on studying the docks, examples, especially carefully look at "interface development" and UX. You also need time to try different code and see what happens. If it doesn’t work out, allocate more time by giving up your personal life.
Of the technical tricks (not life hacks) - to devote more time to working out the interface, mobile applications are not the same as the web, one rubber menu at the top of the page and aligning the content column in the center will not do. You will have to think about how it should look at different resolutions, and it is possible even to change the layout completely with a very large difference. This is if it’s sexy, if it’s simpler, then just make two options - a phone and a tablet, and for each size / fonts do more or less depending on the screen size