NativeWind & React Native Styling with Mark Lawlor | Rocket Ship 033

Sdílet
Vložit
  • čas přidán 5. 09. 2024
  • Mark Lawlor, the creator of NativeWind, joins Simon on the Rocketship podcast to discuss the challenges of styling in React Native and the solutions provided by NativeWind. Mark explains the limitations of the StyleSheet API in React Native and how NativeWind addresses these limitations by bringing CSS concepts to React Native. He also highlights the benefits of using Tailwind CSS with NativeWind and the power of the NativeWind library in enabling complex styles and theming in React Native applications.
    Learn React Native - galaxies.dev
    Mark Lawlor
    Mark Twitter: / mark__lawlor
    Mark Github: github.com/mar...
    NativeWind: www.nativewind...
    Links
    Nativecn-UI: github.com/Mob...
    Takeaways
    - The StyleSheet API in React Native provides basic styling primitives but lacks support for complex styles and state-based styling.
    - Styling in React Native becomes more complex as the app grows and needs to support different states, platforms, and devices.
    - NativeWind is a styling system for React Native that brings CSS concepts to React Native, allowing developers to use Tailwind CSS and leverage the power of CSS variables, media queries, and other CSS features.
    - NativeWind enables developers to write styles in a familiar CSS syntax and provides advanced features like transition classes, platform-specific themes, and support for CSS variables and calculations. CSS variables can be used for theming and sub-theming in Native Wind.
    - Standardization and compatibility with other libraries and platforms are important goals for NativeWind.
    - Future plans for NativeWind include introducing new primitives, improving animations, and supporting other styling libraries.

Komentáře • 8

  • @shanekeney3646
    @shanekeney3646 Před 5 měsíci +2

    I've been using Nativewind V4 and it's just been getting better and better. Love being able to use Tailwind in our React Native / Expo codebase with Expo Router.

  • @ExpoDevelopers
    @ExpoDevelopers Před 5 měsíci

    Love hearing the birds in the background of all Mark Lawlor calls.

  • @shanekeney3646
    @shanekeney3646 Před 5 měsíci +1

    Can't wait for official release of Nativewind. Big fan of using it with tailwind-variants to build component library for native apps.

  • @youssoufelazizi3683
    @youssoufelazizi3683 Před 5 měsíci +1

    Really interested discussion Simon, learned a lot 🙏. Thank you for bringing the amazing Mark to the show.

  • @dannyhw
    @dannyhw Před 5 měsíci +1

    Great episode, can’t wait for nativewind 4

  • @exoticcoder5365
    @exoticcoder5365 Před 5 měsíci

    Great interview with the creator, thank you for the NativeWind

  • @landonwjohnson
    @landonwjohnson Před 5 měsíci +1

    has anyone tried building a design system with native wind and published it as a npm?

  • @judeeni-wz5ii
    @judeeni-wz5ii Před 27 dny

    4 months on and nativewind v4 is still not released.