Rocket Ship

Simon Grimm
Rocket Ship

Welcome aboard the Rocket Ship, the ultimate podcast voyage into the heart of React Native development with Simon Grimm! Whether you're a seasoned mobile app developer or just starting your journey, this is your go-to destination for all things React Native and Expo.

  1. 3 DEC

    #055 - Why Companies use React Native, Job Interviews & Open Source Trends with Jamon Holmgren

    In this conversation, Simon Grimm interviews Jamon Holmgren, co-founder of Infinite Red, discussing the evolution and advantages of React Native in mobile app development. They explore the early adoption of React Native, its comparison with Flutter, the job market for developers, and the importance of open source contributions in the tech industry. Jamon shares insights from his extensive coding experience and the strategic decisions that led Infinite Red to focus on React Native. They delve into the Ignite boilerplate for React Native development, the importance of choosing the right tech stack, and the utility of Reactotron as a developer tool. The discussion also touches on hiring trends in the React Native space, emphasizing the need for cultural fit and the unique hiring process at Infinite Red. In this conversation, Jamon and Simon discuss the importance of building a lasting company culture, essential skills for React Native developers, the significance of self-evaluation and continuous learning, effective networking and job searching strategies in tech, the future of React Native in the context of AI, and the trend towards universal applications while maintaining user experience. Learn React Native - https://galaxies.dev Jamon Holmgren Jamon X: https://x.com/jamonholmgrenJamon personal: https://jamon.dev/Jamon LinkedIn: https://www.linkedin.com/in/jamonholmgren/Jamon Bluesky: https://bsky.app/profile/jamon.devLinks Infinite Red: https://infinite.red/React Native Radio: https://reactnativeradio.com/Ignite: https://github.com/infinitered/igniteReactotron: https://github.com/infinitered/reactotronTakeaways Infinite Red was founded through collaboration in open source.React Native was chosen for its cross-platform capabilities.React Native allows for significant code reuse, often exceeding expectations.The community around React Native is a major strength.Open source contributions can accelerate product development.Companies are increasingly investing in open source for strategic benefits.The job market favors React Native developers due to its widespread use.Ignite serves as a valuable resource for React Native developers.Ignite serves as a reliable boilerplate for React Native projects.Choosing the right tech stack can simplify development processes.Reactotron offers unique features that enhance the debugging experience.The UI of Reactotron needs improvement to appeal to developers.Hiring at Infinite Red focuses on cultural fit and seniority.Self-evaluation during the hiring process is crucial for accurate assessment.The job market for React Native developers is becoming more competitive.  Building a company culture that encourages long-term relationships is crucial.Investing in employees and understanding their needs fosters loyalty.React Native developers should focus on performance and state management skills.Self-evaluation helps identify areas for improvement and training needs.Networking is essential for job searching in tech.Active engagement on social media can enhance job prospects.AI will significantly impact the future of software development.Universal applications should prioritize user experience over uniformity.Convergence of tools is beneficial, but UI patterns must remain platform-specific.Continuous learning and adaptation are key to thriving in tech.

    1h 27m
  2. 19 NOV

    #054 - React Native Music Game with Kim Chouard (Skia, NativeWind, Expo AV)

    In this conversation, Simon Grimm interviews Kim Chouard, a developer and educator, about his journey in coding, the challenges of building a multiplatform music game using React Native, and the innovative app Odisei Play that aims to help users learn to play wind instruments. Kim shares insights on the creative aspects of coding, the evolution of React Native, and the technology stack behind Odisei Play, including audio handling and pitch recognition. The discussion highlights the importance of education, creativity, and community in the tech space. In this conversation, Kim Chouard discusses the evolving landscape of development tools, particularly focusing on AI tools and their implications for new developers. He shares insights on the Expo audio package and the challenges faced in audio synchronization within applications. The discussion also delves into the use of Skia for performance optimization in React Native applications, highlighting its capabilities and the need for better documentation. Finally, Kim emphasizes the importance of a web-first approach in React Native development, advocating for a unified community that leverages the strengths of both web and mobile development. Learn React Native - https://galaxies.dev Kim Chouard Kim X: https://x.com/KimChouardKim personal: https://chouard.kim/Kim LinkedIn: https://www.linkedin.com/in/kimchouard/Links Odisei Music's website (creator of Odisei Play): https://odiseimusic.com/Kim AppJS Talk: https://www.youtube.com/watch?v=PGvhniTxpu4&ab_channel=SoftwareMansionExpo AV: https://docs.expo.dev/versions/latest/sdk/av/Chromatic: https://www.chromatic.com/Storybook: https://storybook.js.org/Takeaways Kim's mission is to leverage games for alternative education.Coding can be a creative process, not just technical.Building a music game requires precise timing and performance.React Native's rapid evolution presents both opportunities and challenges.Odisei Play aims to make learning wind instruments accessible and fun.The app combines elements of gamification and music education.Skia is crucial for the performance of the Odisei Play app.Bluetooth technology can be optimized for real-time music applications.AI tools like Cursor can enhance coding efficiency.Community support is vital for navigating the fast-paced tech landscape. AI tools can accelerate development but may lead to inconsistencies.Expo AV is the only production-ready audio library available now, although it has some limitationNew opportunities of more robust alternatives for audio handling are on the horizon (expo-audio, react-native audio, etc.)Audio synchronization remains a significant challenge in app development.Skia provides a powerful canvas for creating high-performance applications.The integration of web technologies can enhance React Native development.Community collaboration is essential for overcoming development hurdles.Real-time audio recognition is complex and requires advanced algorithms.A web-first approach can simplify the development process for React Native.The React Native community is passionate and supportive.Future advancements in 3D and game development are on the horizon.

    1h 1m
  3. 5 NOV

    #053 - Why Accessibility in React Native matters with Britta Evans-Fenton

    In this conversation, Simon Grimm and Britta Evans-Fenton discuss the importance of accessibility in React Native and mobile development. Britta shares her personal journey into accessibility, motivated by her grandmother's experience with macular degeneration. They explore the definition of accessibility, the consequences of neglecting it, and the various tools and features available to enhance accessibility in mobile applications. The discussion emphasizes the need for inclusivity in technology and the potential legal implications of failing to comply with accessibility standards. In this conversation, Simon and Britta Evans-Fenton delve into the complexities of accessibility in React Native applications. They discuss the current state of accessibility resources, practical steps developers can take to improve accessibility in their apps, and the importance of community awareness. Britta emphasizes the need for a mindset shift among developers to prioritize accessibility, considering the growing number of users who will require these features in the future. The conversation also touches on potential improvements for accessibility tools and APIs in React Native. Learn React Native - https://galaxies.dev Britta Evans-Fenton Britta X: https://x.com/13rittaBritta LinkedIn: https://www.linkedin.com/in/britta-evans-fenton/Links Accessibility Cheat Sheet: https://scanqr.to/5e270983Crafting an Inclusive Shopify Point of Sale: https://www.youtube.com/watch?v=IoFnQQj4g1AAccessibilityInfo API: https://reactnative.dev/docs/accessibilityinfoTakeaways Accessibility is crucial for creating inclusive technology.Personal experiences can drive a passion for accessibility.Understanding accessibility benefits everyone, not just those with disabilities.The European Accessibility Act will impose fines for non-compliance.Companies can gain customers by prioritizing accessibility.Accessibility features include screen readers and voice control.There are various layers to accessibility beyond visual impairments.Developers should be aware of both iOS and Android accessibility nuances.Using accessibility tools can enhance user experience for all.Accessibility is about removing barriers for all users. There is a lack of resources on accessibility in React Native compared to web development.Many developers do not consider accessibility because they do not have disabilities themselves.Grouping components can significantly improve accessibility for users with screen readers.Accessibility labels and roles are crucial for making interactive elements understandable.Overloading elements with unnecessary labels can confuse users, especially those with partial vision.Testing apps manually can help identify accessibility issues.Keeping labels concise is essential for effective communication with screen readers.Building a community around accessibility awareness is vital for improvement.The aging population will increasingly require accessible technology.Developers should engage with local organizations to better understand accessibility needs.

    1 hr
  4. 22 OCT

    #052 - Styling, RSC, Expo, Universal Apps, EAS, Debugging, Strict DOM, React Native Q&A

    What are my top 3 libraries? Which styling solution is the best? How can we build better universal apps for web, iOS and Android? In this special Q&A episode I answered tons of your questions about the current state of React Native, Expo and the future improvements like RSC or Expo DOM components and react-strict-dom. Learn React Native - https://galaxies.dev Links https://docs.swmansion.com/react-native-reanimated/https://gorhom.dev/react-native-bottom-sheet/blog/bottom-sheet-v5https://zeego.dev/https://docs.expo.dev/build-reference/variables/https://podcast.galaxies.dev/episodes/051-react-native-brownfield-integration-with-mariusz-staniszhttps://www.youtube.com/watch?v=OT5hQbvGRW8&ab_channel=SimonGrimmhttps://docs.expo.dev/guides/analyzing-bundles/https://docs.expo.dev/review/overview/#internal-distribution-with-eas-buildhttps://docs.expo.dev/eas-update/getting-started/#configure-the-update-channelhttps://tamagui.dev/https://onestack.dev/https://www.nativewind.dev/Takeaways Reanimated is a core library for React Native projects.TypeScript is recommended for better reliability in mobile development.Secret keys should not be stored in the app's code or .env files.Using a server to store sensitive keys is a safer approach.Integrating React Native into existing apps can be challenging but rewarding.Unistyles is a powerful styling solution for React Native.Expo is widely adopted and offers many advantages for new projects.Ejecting from Expo is no longer necessary with pre-builds.Reducing app size often involves optimizing images and assets.EAS updates can streamline workflows for larger teams.

    39 min
  5. 8 OCT

    #051 - React Native Brownfield Integration with Mariusz Stanisz

    In this conversation, Simon Grimm interviews Mariusz Stanisz, a React Native developer, about the complexities and challenges of Brownfield integration in mobile applications. Mariusz shares his experiences, insights, and the potential benefits of integrating React Native into existing native applications. The discussion covers the technical aspects of integration, communication between native and React Native apps, and the future of Brownfield integration in the React Native ecosystem. Learn React Native - https://galaxies.dev Mariusz Stanisz Mariusz X: https://x.com/staszekscp_Mariusz GitHub: https://github.com/staszekscpLinks Mariusz AppJS Talk: https://www.youtube.com/watch?v=mOg29UnIMMA&ab_channel=SoftwareMansionReact Native Brownfield Docs: https://reactnative.dev/docs/integration-with-existing-appsReact Native Brownfield Tools: https://github.com/callstack/react-native-brownfieldTakeaways Brownfield integration allows for gradual migration to React Native.Challenges arise from integrating into existing large native applications.Communication between native and React Native can be achieved through various methods.Brownfield integration is not widely used, making resources scarce.The integration process can speed up development significantly.Hot Reload works well in simple applications during integration.React Native's new architecture presents both opportunities and challenges.Documentation and community support for Brownfield integration need improvement.Testing and debugging can be more complex in Brownfield scenarios.

    50 min
  6. 24 SEPT

    #050 - New Arch, JSI, Native Modules & Rust with Oscar Franco

    In this conversation, Simon Grimm interviews Oskar Franco about the new architecture in React Native. They discuss the current bridge concept, the need for a new architecture, and the three main components of the new architecture: Fabric, JSI, and CodeGen. They also talk about the challenges and benefits of migrating to the new architecture, the use of host objects, and how to create a new architecture-ready native module with JSI. In this conversation, Oscar Franco discusses different module systems in React Native, including Turbo Modules, Expo Modules, and Nitro Modules. He explains that Turbo Modules came with a new architecture and offer benefits such as code generation and lazy initialization. Expo Modules are easy to initialize but may have performance issues for certain use cases. Nitro Modules, are considered the fastest alternative. Oscar also talks about using Rust in React Native and the benefits it provides, such as memory safety and better tooling. He created the OP-SQLite library, which is claimed to be the fastest SQLite library for React Native. Learn React Native - https://galaxies.dev Oscar Franco Oscar X: https://x.com/ospfrancoOscar website: https://ospfranco.com/Oscar GitHub: https://github.com/ospfrancoOscar YouTube: https://www.youtube.com/@ospfrancoLinks About the New Architecture: https://reactnative.dev/docs/the-new-architecture/landing-pageReact Native Bridgeless Mode for Dummies: https://www.youtube.com/watch?v=K5HBIKAjZ4UReact Native Builder Bob: https://github.com/callstack/react-native-builder-bobOP-Sqlite: https://github.com/OP-Engineering/op-sqliteTakeaways The current bridge concept in React Native uses JSON serialization, which can become a bottleneck for performance.The new architecture in React Native includes Fabric, JSI, and CodeGen, which aim to improve performance and provide better interoperability between JavaScript and native code.Migrating to the new architecture can be challenging, especially for larger projects and dependencies that are not updated for the new architecture.The use of host objects allows for the creation of hybrid objects that have both native and JavaScript functionality.Creating a new architecture-ready native module with JSI can be facilitated by using tools like React Native Builder Bob.Turbo Modules offer benefits such as code generation and lazy initialization, but setting them up can be painful.Expo Modules are easy to initialize and portable, but they may have performance issues for certain use cases.Nitro Modules, developed by Marc Rousavy, are considered the fastest alternative.Rust is a memory-safe language with integrated tooling and is becoming popular for writing SDKs for React Native.OP-SQLite is a fast SQLite library for React Native that uses host objects for improved performance.

    48 min
  7. 10 SEPT

    #049 - Migrating to Expo from RNC CLI & Testing Libraries with Steve Galili

    Steve Galili, lead software engineer at MyWheels, discusses the transition from the React Native Community CLI to Expo for their car-sharing platform. He highlights the benefits of Expo, such as easier development and maintenance, and the challenges of convincing the team and management to make the switch. Steve also shares insights into the technology stack of the MyWheels app, including a back office admin tool, a B2B portal, and the core app. He mentions the future plan to migrate to Expo router and the importance of prioritizing core functionality during the migration process. Steve also shares the benefits of using Expo, such as faster builds and easier onboarding for web developers. He then highlights the importance of testing in React Native and introduces the React Native Testing repository he created. Steve expresses his excitement for React Server Components in React Native and the potential improvements they can bring to the MyWheels app. Learn React Native - https://galaxies.dev Steve Galili Steve X: https://x.com/vanGalileaSteve website: https://stevegalili.com/Steve GitHub: https://github.com/vanGalilea/Links MyWheels' Journey from RNC CLI to Expo: https://expo.dev/blog/from-rnc-cli-to-expoMyWheels: https://mywheels.nl/enReact Native Testing: https://github.com/vanGalilea/react-native-testingMock Service Worker: https://mswjs.io/Takeaways The transition from React Native Community CLI to Expo can bring benefits such as easier development and maintenance.Convincing the team and management to make the switch to Expo can be a challenge, but highlighting the issues with the current setup and the potential improvements can help.During the migration process, it's important to prioritize core functionality and make decisions based on the impact on users and other apps. Expo offers benefits such as faster builds and easier onboarding for web developers.Front-end Innovation Days provide dedicated time for developers to work on innovative projects.Testing is important in React Native, and the React Native Testing repository provides practical examples and resources.Maestro and MSW are useful tools for testing and mocking API calls in React Native.React Server Components in React Native have the potential to improve app performance and security.

    47 min

About

Welcome aboard the Rocket Ship, the ultimate podcast voyage into the heart of React Native development with Simon Grimm! Whether you're a seasoned mobile app developer or just starting your journey, this is your go-to destination for all things React Native and Expo.

You Might Also Like

To listen to explicit episodes, sign in.

Stay up to date with this show

Sign in or sign up to follow shows, save episodes and get the latest updates.

Select a country or region

Africa, Middle East, and India

Asia Pacific

Europe

Latin America and the Caribbean

The United States and Canada