Prakash Dasprakshh.hashnode.dev·Sep 21, 2024Styling in React Native: Inline Styles vs Common Issues with NativeWind and Their FixesWhen working with React Native, developers have several options for styling their applications. One of the most common approaches is using inline styles with JavaScript objects, but frameworks like Tailwind CSS—or more specifically, NativeWind for Re...DiscussReact Native
Hiren Patelihirendev.hashnode.dev·Sep 18, 2024How to implement custom fonts for the Expo React Native app with Tailwind/Nativewind CSS?In mobile app development, aesthetics are key to creating a memorable user experience. Using custom fonts is one of the best ways to personalize and improve your app's look. Whether you want a modern, playful, or classic design, custom fonts can help...DiscussExpo
Ajay Singhwhosinghajay.hashnode.dev·Sep 17, 2024Learn How to setup TailwindCSS(NativewindCss) in your React-Native ApplicationStep 1: Install nativewind and tailwindcss tailwindcss is not used during runtime so it can be added as a development dependency. npm install nativewind npm install --save-dev tailwindcss@3.3.2 Step 2: Run npx tailwindcss init to create a tailwind.c...DiscussTailwind CSS
Abishkar Dhengadhenga.hashnode.dev·Aug 18, 2024How to setup Native wind in Expo Project ?Styling in React Native can be a bit tricky, especially when you're aiming for both performance and maintainability. That's where NativeWind comes in—an innovative tool that brings the utility-first styling of Tailwind CSS into the React Native ecosy...Discuss·28 readsReact Native
Anirudha Mahaleanirudhamahale.hashnode.dev·Aug 17, 2024Nativewind with React NativeWhat is Nativewind? NativeWind uses Tailwind CSS as scripting language to create a universal style system for React Native. NativeWind components can be shared between platforms and will output their styles as CSS StyleSheet on web and StyleSheet.cre...Discussreactnativecommunitycli
Jyoti Mauryajyotimaurya.hashnode.dev·Jun 14, 2024Write your first React Native App with me (Part 1)Let me make your life easy and give you choices that you have while creating your first React Native App. My advice is to pick one of these and stick to it rather than switching and trying to learn everything because then you will be able to master n...Discuss·62 readsReact Native App Developmentpowersync
Syket BhattachergeeforCreoWis Blogcreowis.com·May 24, 2024How to add NativeWind in React Native ExpoAre you a frontend developer who's fallen in love with the simplicity and power of Tailwind CSS? If so, you're not alone! I, too, was enamored by Tailwind's utility-first approach and the way it streamlined my workflow. However, when I made the trans...DiscussReact Native
James Zhangblog.jczhang.com·Jan 28, 2024React Native - Expo, Nativewind, react-native-reusables starter with Eslint, TsconfigThis blog guides you to setup a universal mobile app repository using following tech stack: React Native Expo (Router) Nativewind v4 (community mobile "port" of tailwind css) react-native-reusables (community mobile "port" of ShadcnUI, Radix UI) ...Discuss·130 readsJamesz Takejamesz-take
Cindy Kandiecindykandie.hashnode.dev·Jan 19, 2024Building UniFocus: A Colorful To-Do List App with React NativeHey there, fellow developers and good vibe enthusiasts! 👋 Life Update Happy New Year! I am so excited to be writing again and this year I am challenging myself to build an app(and share about it) every month of 2024! I call it "The 12 Apps in 12 Mon...Discuss·11 likes·49 readsReact Native
JOY SAM RAJjoysam.hashnode.dev·Sep 29, 2023Nativewind ClassName error fixed in VS CodeSuddenly in the react native project ClassName gets an error in VS Code sonarlint. After completing Nativewind guide for typescript, still ClassName error is still not rectified. Simple solution : mv app.d.ts app.d.tsx Rename app.d.ts -> app.d.tsx I...Discuss·89 readsnativewind