{"repo":"retyui/react-native-stylex","free":true,"listed":false,"github":"https://github.com/retyui/react-native-stylex","clone":"git clone https://github.com/retyui/react-native-stylex.git","description":"Better styling for react-native","language":"TypeScript","stars":119,"topics":["react-native","react-native-theme","react-native-style","react-native-media-queries"],"license":"MIT","category":"mobile-apps","readme_excerpt":"react-native-stylex Better styling for react-native Module features: - 📦 Very light and simple; - ⚡️ Hooks \\ HoC support; - 🔋 Theming support; - ⛱️ Typescript support; - 📝 Easy integrated with Jest. Integrations - 🛡️ react-native-safe-area-view; - 🗺 i18n; - 🕳️ Appearance (a.k.a Dark mode); - 📐 Dimensions; - 📲 Orientation; - 💉 Media Queries support. Links - Documentation; - Live demo; - Example app. Install react-native-stylex requires react-native 0.59.0 or later. 1️⃣ Add module 2️⃣ Add theme Stylex provides component, which makes the theme available to the rest of your app: 3️⃣ Create styles makeUseStyles(...) Stylex provides a helper function to inject styles to your component. Normally, you’ll use it in this way: 4️⃣ Inject styles useStyles(...) & withStyles(...) And finally just use in component: 5️⃣ Do you use a Typescript ? - Look at typescript guide Alternative solutions - uniwind - react-native-unistyles - nativewind - @emotion/native - @shopify/restyle - tamagui - dripsy","default_branch":null,"files":null,"tree":[],"storefront":"/r/retyui","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/retyui/react-native-stylex/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}