react-native / react-figma / react-primitives supporting

[ilyalesik]

Proposal: react-native / react-figma / react-primitives supporting

The react-primitives family has several universal interfaces:

• View
• Text
• StyleSheet (with Yoga Layout-like properties)
• Platform

[bernaferrari]

My biggest issue is that I don't know react native. How do I make rectangles, flex, etc in it? If you are willing to help, we can do it. It is not hard, there are just too many details.

[ilyalesik]

Sure, I'm very interested. I already made a little demo, the proof-of-concept of how it can works. I think that your plugin is most advanced right now, so extending them looks most reasonable.

[bernaferrari]

I can make a branch with a wrong conversion and you can point everything that's wrong, what do you think?

…

On Sat, Nov 21, 2020, 07:51 Ilya Lesik ***@***.***> wrote: Sure, I'm very interested. I already made a little demo <https://github.com/react-figma/code-generator>, the proof-of-concept of how it can works. I think that your plugin is most advanced right now, so extending them looks most reasonable. — You are receiving this because you commented. Reply to this email directly, view it on GitHub <#11 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AACVXFJRXLAYT2CKR5VCVZLSQ6LRRANCNFSM4T4TWBQQ> .

[ilyalesik]

@bernaferrari, it's a great idea! You can start a branch; I'll look at the result and start correcting.

[bernaferrari]

I have added HTML support to the main branch. Do you think it is something that can replace <div> with <View> or should it be treated as a whole new language?

[ilyalesik]

@bernaferrari also styles supporting needed. React Native doesn't support CSS classes; there are their own styles instead: https://reactnative.dev/docs/style.

[bernaferrari]

Is there no inline styling? Should we export the layer as a component?

[ilyalesik]

React Native supports inline styling

[bernaferrari]

So, the difference is just div -> View and p to Text? I support JSX already.

[DaleWebb]

So, the difference is just div -> View and p to Text? I support JSX already.

Yes, that's effectively it. Another thing to consider is that the View layout only supports flexbox-like layouts. I think your implementation already relies on flexbox, so this probably won't be an issue