Styling HTML elements

[jkjustjoshing]

I have a React Native project where our only build output targets the web and react-native-web. We don't ship any native apps at the moment. We're trying to decide if we want to adopt Unistyles.

We have a few web-only components where we're styling HTML elements using the className prop, i.e. <div>, <p>. How does it work to add class names to these elements with Unistyles? Is the class name exposed at runtime to the component in the styles object? Is there a mechanism for this?

[jpudysz]

Hey!
We're connecting classes based on an element's ref, similar to native ShadowNodes.
We're also managing the lifecycle of these linkages.

If you have HTML elements like <div> or <p>, why not add such classes inline? Unistyles handles adding classes to refs based on StyleSheet styles. You must know that there is no className for native, so RNW fixes that.

It would be nice if you could give me winder context of what exactly you need and how you want to use these class names.

[jpudysz]

I didn’t say it works now. I said that it’s possible (first reply). You asked about inline styles vs class names. So with beta4 we don’t do inline styles, you still need to use React Native components.

[jkjustjoshing]

Hmm, then I'm a bit confused, and/or we're not 100% understanding each other.

Open your example in Chrome and check the classes

My example involved setting styles on a <div> JSX element, so when you said that I created a project with beta.4 and tried adding styles to the <div> (as per my example). You said in your first response that it's not supported by beta.1, but then you said I should test it in beta.4, so it sounded like somewhere in betas 2-4 you added the ability to add styles to a <div> (which, again, is the thing I'm trying to do).

You asked about inline styles vs class names

I asked that in the context of adding styles to a <div> in the JSX.

[jpudysz]

It was about your question about inline styles. But nevermind, it's still not supported.

[jkjustjoshing]

I understand.

Is this something you'd consider supporting in the future?

[jpudysz]

I do, but no plans for the next betas. Maybe closer to RC.