Rocket Ship

In this episode, Henry Moulton, principal engineer at Yonder, shares the story of building the award-winning mobile app Yonder. He talks about the challenges working with private Apple and Google APIs as well as the technology stack of their React Native app. Henry also recaps his App.js talk about Maestro from 2023 and how AI is enabling developers to build even better products today. Tune in to hear what it takes to build outstanding apps with React Native!Learn React Native - https://galaxies.devHenry MoultonHenry Twitter: https://twitter.com/HenryMoultonYonder: https://www.yonder.com/LinksHenrys App.js talk: https://www.youtube.com/watch?v=uoCzBdFCoqcReact Native Connection: https://reactnativeconnection.io/TakeawaysReact Native is usually a better choice for B2C apps than frameworks like IonicExpo EAS is a key component of shipping weekly app updates at YonderGoogle and Apple have private APIs for working with payments and credit cardsMaestro is the rising star of end-to-end testing in React NativeAI is not taking developer jobs, but makes every person capable of producing more and better ouput

In this episode, Jon Samp, head of product at Expo, shares his background in herpetology research and how he transitioned into programming. He discusses his experience developing the Codecademy app with Expo and the challenges he faced. John also talks about his other apps, including the Single Origin coffee timer and WordCheck for Scrabble. He emphasizes the ease of creating hobby apps with React Native and the importance of using native elements for good design. The conversation concludes with a discussion on EAS and how teams can work better together. Jon highlights the improvements being made to the onboarding experience and the Expo dashboard, and the focus on workflow improvements and release management. He also shares future plans for EAS, including enhancing team coordination and communication and improving device management and notifications.Learn React Native - https://galaxies.devJon SampJon Twitter: https://twitter.com/jonsampJon Website: https://jonsamp.devLinksExpo EAS: https://expo.dev/easTakeawaysReact Native and Expo make it easy to develop hobby apps without a large team or production process.Using native elements and animations in React Native apps can enhance the user experience and make the app feel more polished.EAS (Expo Application Services) simplifies the development and deployment process for React Native apps.EAS allows for side-loading apps on iOS and Android, making it easy to distribute apps for development purposes.The easiest way to distribute iOS apps is to use EAS device calling create, which generates a QR code that can be scanned to install a provisioning profile.EAS supports updates and over-the-air updates, allowing for easy distribution of app updates to users.EAS provides a faster and more convenient way to build and distribute private applications compared to using Xcode and Android Studio.Future plans for EAS include improving the onboarding experience, enhancing team coordination and communication, and adding features for release management and workflow improvements.

Gary Tokman, CEO of Candle with a rich background in iOS development, shares his insights on transitioning to React Native. He discusses the challenges of maintaining packages and highlights three key issues: concurrency, presentation, and API support. Gary showcases his latest innovations, including Faster Image and Blur View, and explains the complexities of push notifications in React Native apps. He emphasizes the importance of community contributions and sustainable development practices in the evolving tech landscape.

In this episode, Simon interviews Nader Dabit, a developer and expert in AI and Web3. Nader shares his background and explains why he left his job at AWS to focus on Web3. He discusses the current state of Web3 and AI, highlighting the job market and opportunities in the blockchain space. Nader also explains the concept of EigenLayer and its role in providing security for new blockchain networks. He emphasizes the importance of practical use cases in Web3 and discusses the potential for decentralized social networks. In this conversation, Nader Dabit and Simon discuss the intersection of Web3 and React Native, as well as the practical applications of AI in mobile app development. Learn React Native - https://galaxies.devNader DabitNader Twitter: https://twitter.com/dabit3Nader YouTube: https://www.youtube.com/c/naderdabitWilliam Github: https://github.com/dabit3LinksEigenlabs: https://www.eigenlabs.org/Bluesky: https://bsky.app/Farcaster: https://www.farcaster.xyz/Warpcast: https://warpcast.com/Lens Protocol: https://www.lens.xyz/React Native AI: https://github.com/dabit3/react-native-aiTakeawaysWeb3 and AI offer different opportunities and challenges, with Web3 currently having a more promising job market.Stablecoins are a powerful use case in Web3, providing a stable currency for international transactions.Decentralized social networks are emerging as a practical use case in Web3, offering public, immutable infrastructure and increased user control.The complexity and terminology of Web3 can be overwhelming, but embracing the chaotic and fast-paced environment can lead to success.Web3 offers exciting possibilities for building decentralized apps and social networks.React Native provides a powerful framework for developing apps on Web3.AI APIs make it easy to incorporate AI capabilities into mobile apps.Differentiation and rapid iteration are key to success in the Web3 space.

In this conversation, Simon Grimm interviews William Candillon, the creator of Can It Be Done in React Native, about React Native Skia. They discuss the basics of Skia, the benefits of using Skia in React Native, and the performance improvements in React Native Skia. They also talk about the connection between reanimated and React Native Skia, as well as practical examples of what can be done with React Native Skia. William shares the latest release of React Native Skia and provides resources for developers to get started with it.Learn React Native - https://galaxies.devWilliam CandillonWilliam Twitter: https://twitter.com/wcandillonWilliam YouTube: https://www.youtube.com/@wcandillonWilliam Github: https://github.com/wcandillonLinksReact Native Skia: https://github.com/Shopify/react-native-skiaWill it Fly video: https://www.youtube.com/watch?v=eUbj_NxcgKg&ab_channel=WilliamCandillonDaehyeon Mun: https://twitter.com/DaehyeonMunEnzo Mangano: https://twitter.com/reactiive_Text rendering hates you: https://faultlore.com/blah/text-hates-you/TakeawaysReact Native Skia is a powerful library that brings the best of Skia to React Native, allowing developers to create high-performance animations and graphics.Skia is a 2D graphics library that is used by Flutter and other frameworks. It provides low-level APIs for drawing and rendering graphics.React Native Skia improves performance by bypassing the bridge between native and JavaScript threads, allowing for faster animation and rendering.The connection between reanimated and React Native Skia allows for advanced animations and interactions in React Native applications.Developers can get started with React Native Skia by checking out William Candela's tutorials and the official documentation.

In this episode, Charlotte Isambert, developer at BAM Labs, shares insights on architecture, emphasizing the importance of splitting code into features and following domain-driven design principles. Charlotte also introduces the QRQC (Quick Response Quality Control) and explains Ship Show Ask methodologies, which focus on problem-solving and efficient code reviews. Additionally, she highlights the benefits of adopting a one-feature flow approach and provides general recommendations for improving code quality in React projects.Learn React Native - https://galaxies.devCharlotte IsambertCharlotte Twitter: https://twitter.com/c_isambertCharlotte Github: https://github.com/charlotteisambertLinksReact Summit 2024 Talk: https://portal.gitnation.org/badges/react-summit-2024/charlotte_isambertBuild Your Mental Model of React’s Rendering Behavior: https://www.youtube.com/watch?v=-x2HdZ5unH4TakeawaysSplitting code into features and following domain-driven design principles can improve code organization and maintainability.The QRQC methodology encourages understanding the root cause of bugs and implementing preventive measures to avoid similar issues in the future.Ship Show Ask promotes efficient code reviews by allowing developers to indicate when a review is unnecessary or when feedback is desired.Adopting a one-feature flow approach, where the entire team focuses on one feature at a time, can improve code quality and knowledge sharing.General recommendations include actively participating in open source projects, continuously learning and improving, and implementing problem-solving techniques.

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 - https://galaxies.devMark LawlorMark Twitter: https://twitter.com/mark__lawlorMark Github: https://github.com/marklawlorNativeWind: https://www.nativewind.dev/LinksNativecn-UI: https://github.com/Mobilecn-UI/nativecn-uiTakeawaysThe 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.

Zach Taylor, a software engineer living in Japan, shares his journey from teaching guitar lessons and selling Pokemon cards to becoming a full-time software engineer. He discusses his transition to coding, learning HTML, CSS, and JavaScript, and eventually discovering React Native. Zach provides insights into the job market and freelancing, emphasizing the importance of focused applications and multiple learning resources.Learn React Native - https://galaxies.devZach TaylorZach YouTube: https://www.youtube.com/@webdevjapanZach Portfolio: https://www.zach-japan.com/Zach Online Store: https://japandirect.org/LinksFreeCodeCamp: https://www.freecodecamp.org/Freemote: https://www.freemote.com/TakeawaysWhen starting a website, use the tools you have and do the best you can. It's important to get started and improve over time.Focus on becoming a better software engineer rather than climbing the corporate ladder.Continuous learning and skill improvement can lead to better job opportunities.

In this episode, Simon Grimm interviews Kacper Kapuściak, a React Native open-source developer at Software Mansion. They explore the importance of microinteractions in app design and how to identify relevant microinteractions. Kacper shares insights on layout animations and the current state of web support for Gesture Handler and Reanimated. They conclude by discussing the future of these libraries, including upcoming features and improvements for Reanimated and the React Native IDE project.Learn React Native - https://galaxies.devKacper KapuściakKacper Twitter: https://twitter.com/kacperkapusciakKacper Github: https://github.com/kacperkapusciakTakeawaysTransitioning from the Animated API to Reanimated can provide more flexibility and better performance for animations in React Native.Microinteractions are small, subtle animations and interactions that enhance the user experience and make an app feel more polished.Layout animations are a powerful tool for animating the appearance and disappearance of components in React Native.Gesture Handler and Reanimated have good web support, allowing developers to create interactive and animated experiences across platforms.The future of Gesture Handler and Reanimated includes features like screen transitions and improvements in multi-threading capabilities. The React Native IDE is currently in a private beta testing phase and will be a VS Code plugin.

In this episode, Simon interviews Frank Calise, Senior Software Engineer at Infinite Red. Frank shares his experiences with different programming languages and platforms, including iOS, Android, Xamarin, and React Native. He also discusses the role of open source at Infinite Red and provides insights into Ignite, Infinite Red's battle-tested boilerplate React Native application, and its generators that help speed up development. Learn React Native - https://galaxies.devFrank CaliseTwitter: https://twitter.com/frankcaliseGithub: https://github.com/frankcaliseWebsite: https://www.frankcalise.com/Ignite: https://github.com/infinitered/igniteTakeawaysIgnite is Infinite Red's battle-tested boilerplate React Native application that includes generators to speed up development.The plans for Ignite include aligning with React Native's new architecture and continuing to support Expo and React Native upgrades.Ignite is expected to align with React Native version 10 and may not see major releases until then.