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

Rocket Ship

Player FM - Internet Radio Done Right

Đã thêm cách đây hai năm

Nội dung được cung cấp bởi Simon Grimm. Tất cả nội dung podcast bao gồm các tập, đồ họa và mô tả podcast đều được Simon Grimm hoặc đối tác nền tảng podcast của họ tải lên và cung cấp trực tiếp. Nếu bạn cho rằng ai đó đang sử dụng tác phẩm có bản quyền của bạn mà không có sự cho phép của bạn, bạn có thể làm theo quy trình được nêu ở đây https://vi.player.fm/legal.

Now On Netflix

1
Pulse | Love On The Spectrum, Season 3 | Million Dollar Secret 20:31

cách đây 7 ngày trước20:31

Nghe Sau

Danh sách

Thích

Đã thích

20:31

Ari Romero & Cole Delbyck share everything you need to know before diving into the dramatic new hospital series, Pulse . Then onto Season 3 of Love On The Spectrum , where we pick up with favorites from past seasons and some new faces, too. Finally, we get the latest from the high stakes competition series, Million Dollar Secret . Follow Netflix Podcasts for more and read about the titles from today’s episode exclusively on Tudum.com .…

cách đây khoảng một năm trước 46:36

MP3•Trang chủ episode

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/vanGalilea
Steve 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-expo
MyWheels: https://mywheels.nl/en
React Native Testing: https://github.com/vanGalilea/react-native-testing
Mock 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.

64 tập

#Tech #Simon Grimm #React Native #App Development #Podcasting Education #Development #Galaxy #ReactJS #Mobile App Developer #Cross Platform Apps

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

Rocket Ship

published cách đây khoảng một năm trước

Chia sẻ

MP3•Trang chủ episode

Learn React Native - https://galaxies.dev

Steve Galili

Steve X: https://x.com/vanGalilea
Steve 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-expo
MyWheels: https://mywheels.nl/en
React Native Testing: https://github.com/vanGalilea/react-native-testing
Mock 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.

64 tập

#Tech #Simon Grimm #React Native #App Development #Podcasting Education #Development #Galaxy #ReactJS #Mobile App Developer #Cross Platform Apps

Усі епізоди

Rocket Ship

1
#064 - Time for Change (App Updates, Vercel AI SDK & TikTok) 17:24

cách đây 2 ngày trước17:24

17:24

I'm changing the format of RocketShip! Learn all about why and what changes, the new times and topics we will talk about. This podcast will continue to be primarily about React Native, but also about shipping great apps, using AI and news for mobile devs! Also in this episode: - My latest app projects - My first experience with the Vercel AI SDK in Expo apps - Personal branding stories from Simon - Behind the scenes of a creator. 🚀 Learn React Native: https://galaxies.dev/missions/zero-to-hero 🔥 Weekly Videos https://www.youtube.com/@galaxies_dev ❤️ Socials https://x.com/schlimmson https://www.tiktok.com/@simongrimm_ https://www.linkedin.com/in/simongr https://bsky.app/profile/galaxies.dev 👨‍💻 Apps Matrix Manager: https://apps.apple.com/us/app/matrix-manager-task-manager/id6739463021 Quick Track: https://apps.apple.com/us/app/quick-track-calorie-counter/id1669892980 Text to Voice AI: https://apps.apple.com/us/app/text-to-voice-ai-reader/id6739965632 Healthy Food Swap: https://apps.apple.com/us/app/healthy-food-swap/id6743627410…

Rocket Ship

1
#063 - From Idea to App using Replit with Matt Palmer 57:06

cách đây 16 ngày trước57:06

57:06

In this conversation, Simon Grimm and Matt Palmer discuss the capabilities and evolution of Replit, a platform that allows developers to quickly turn ideas into applications using AI tools. They explore the features of Replit, including its ability to create full stack applications, the integration of AI, and the unique advantages it offers compared to other development tools. The discussion also touches on the possibilities and limitations of using Replit for various types of projects. In this conversation, Simon and Matt discuss the challenges of managing Python environments and the advantages of using Replit for development. They explore how developers can integrate various tools into their workflows, the benefits of building with AI for rapid prototyping, and the importance of effective prompt engineering. The discussion also touches on the future collaboration between Replit and Expo, highlighting the evolving landscape of software development. Learn React Native - https://galaxies.dev Matt Palmer Matt leads developer relations and product marketing at Replit, creating everything from tutorials to technical content. He got his start in data, working as a product analyst at AllTrails before moving to data engineering and eventually DevRel. He's worked on content with companies like LinkedIn, O'Reilly Media, xAI and Y Combinator. Outside of work, you can find him lifting weights or exploring the outdoors. Matt currently lives in San Francisco, but hails from Asheville, North Carolina. https://x.com/mattppal https://youtube.com/@mattpalmer https://www.linkedin.com/in/matt-palmer/ https://mattpalmer.io/ Links Replit: https://replit.com/ Replit X: https://x.com/replit Replit YouTube: https://www.youtube.com/@replit Replit Expo / React Native template: https://replit.com/@replit/Expo Replit Sign-up: https://replit.com Expo tutorial: https://www.youtube.com/playlist?list=PLto9KpJAqHMRuHwQ9OUjkVgZ69efpvslM Expo Blog: https://expo.dev/blog/from-idea-to-app-with-replit-and-expo Takeaways Replit allows developers to create applications quickly and efficiently. AI integration in Replit enhances the development process. The platform supports multiple programming languages, primarily JavaScript and Python. Replit's workspace is designed for ease of use, requiring no installations. Users can deploy applications with a single click. Replit is evolving rapidly with advancements in AI technology. The platform is suitable for both beginners and experienced developers. Replit's unique features set it apart from other development tools. The community around Replit is growing, with increasing interest and usage. Building complex applications still requires significant effort and planning. Python environments can be cumbersome for developers. Replit excels in managing single directory projects. AI can significantly speed up the prototyping process. Disposable software allows for quick iterations and testing. Effective prompt engineering can enhance AI outputs. Developers should focus on minimum viable prompts for efficiency. Replit's integration with Expo is a promising development. AI tools can help in learning and understanding code better. Collaboration between tools can streamline the development process. Keeping up with new tools and technologies is essential for developers.…

Rocket Ship

1
#062 - Navigation, Styling & The State of React Native with Beto 1:07:27

cách đây 30 ngày trước1:07:27

1:07:27

In this episode, Simon and Beto discuss the latest findings from the State of React Native survey, highlighting trends in developer backgrounds, platform usage, income levels, and the evolving landscape of libraries and tools in the React Native ecosystem. They delve into the increasing popularity of local storage solutions, deep linking, and the rise of Zustand in state management, while also addressing the challenges and opportunities for solo developers in the mobile app space. In this conversation, Beto and Simon discuss the current state and future of React Native, focusing on various aspects such as Expo Router usage, styling trends, graphics and animations, component libraries, debugging tools, architecture adoption, build processes, AI in code generation, and community sentiment. They highlight the improvements in developer experience and the shift towards a more native approach in React Native development. Learn React Native - https://galaxies.dev Alberto Moedano Beto X: https://twitter.com/betomoedano Beto YouTube: https://www.youtube.com/@codewithbeto Code with Beto Courses: https://codewithbeto.dev/ Links State of React Native Survey: https://results.stateofreactnative.com/en-US/ Takeaways The State of React Native survey had over 3,000 participants, indicating growing interest. A significant number of React Native developers come from backend backgrounds. Solo developers can effectively use Expo and React Native to build apps. The trend towards local-first applications is gaining traction in the developer community. Deep linking is becoming increasingly important for app navigation. Zustand is rising in popularity as a state management solution. Inline styling remains a popular choice among developers. Expo is working on a new UI component library to enhance native app development. The future of data syncing and local storage solutions looks promising with new technologies. ExpoRouter is seeing increased usage and feedback is being actively incorporated. Styling in React Native is evolving, with inline styles gaining popularity due to AI tools. Graphics and animations are best handled with libraries like Reanimated and Skia. Component libraries are declining, indicating a shift towards more flexible styling solutions. Debugging tools are improving, with new options like Radon IDE and Atlas for Expo. The adoption of the new React Native architecture is growing, with many developers migrating successfully. EAS build is the preferred method for building applications, offering automation and a free tier. AI is becoming a significant part of the coding process, with many developers relying on it for code generation. Cross-platform frameworks are consolidating, with React Native and Flutter leading the way. The community sentiment around React Native is positive, with excitement for future developments.…

Rocket Ship

1
#061 - Shipping Successful AI Apps with Your Average Tech Bro 54:26

cách đây 6 weeks trước54:26

54:26

In this conversation, Simon Grimm interviews Dohyun Kim, known as YourAverageTechBro, about his journey as an app developer and content creator. They discuss the challenges and successes in building apps, the importance of marketing, and the technologies used in app development, including React Native, Supabase, and AI tools. Dohyun shares insights on his most successful app, Montee, and the strategies behind its development and marketing, as well as the lessons learned from previous projects. In this conversation, Dohyun discusses the development of his app, Montee, focusing on the use of Next.js and Supabase for differentiation and backend management. He shares insights on API security, handling costs, and user management strategies. The importance of action bias in development is emphasized, along with ideation and keyword research strategies. The discussion also covers social media marketing tactics and preferences between web and mobile app development. Learn React Native - https://galaxies.dev Dohyun Kim YouTube: https://www.youtube.com/@YourAverageTechBro TikTok: https://www.tiktok.com/@youraveragetechbro Instagram: https://www.instagram.com/youraveragetechbro X: https://x.com/youravgtechbro Links Montee: https://www.montee.ai Perfect Interview: https://www.perfectinterview.ai Gemini: https://ai.google.dev/ Takeaways Dohyun prefers using technologies that allow for rapid development and shipping. He believes in copying successful ideas rather than focusing on originality. Montee, his AI meeting recorder app, achieved $1,500 in monthly recurring revenue shortly after launch. Dohyun discusses the challenges of app growth and the impact of churn on revenue. He highlights the importance of effective marketing strategies for app success. Dohyun prefers Supabase over Firebase for its relational database capabilities and better documentation. He shares insights on the technology stack used for PerfectInterview.ai, including Next.js and Gemini. Dohyun believes that app growth is often a series of step functions rather than exponential growth. Copy first and differentiate second is a key strategy. API keys should never be exposed in client-side code. User requests should always be traceable to prevent abuse. Action bias is crucial for shipping apps. Keyword research is not the only way to ideate apps. Social media marketing can drive app visibility. Instagram is currently more explosive for growth than TikTok. Web apps allow for faster updates and cash flow management. Developers should focus on building value-adding features. It's important to distinguish between fun projects and income-generating apps.…

Rocket Ship

1
#060 - Module Federation, RSCs & Universal Apps with Jack Herrington 1:16:57

cách đây 8 weeks trước1:16:57

1:16:57

In this episode of Rocket Ship, Simon Grimm interviews Jack Herrington, a prominent figure in the React Native and Next.js communities. They discuss the challenges and changes in the React Native ecosystem, and the exciting developments around Module Federation and React Server Components (RSCs). Jack shares his experiences with React Native, the benefits of using Expo, and the performance gains associated with RSCs. The conversation also touches on the skepticism surrounding new technologies and the gradual adoption within the industry. In this conversation, Simon and Jack discuss the evolving landscape of React Server Components (RSCs), the impact of AI on app customization, and the rise of AI-driven development tools. They explore the integration of ShadCN, the future of universal apps, and compare RSCs with other frameworks like Svelte and Solid. The discussion highlights the challenges and innovations in the development community, particularly in relation to state management and the potential for AI to transform user experiences. They also delve into the ongoing debate between React Native and Flutter, highlight new features in React 19, and explore the potential of building custom Chrome extensions. Learn React Native - https://galaxies.dev Jack Herrington X: https://x.com/jherr YouTube: https://www.youtube.com/@jherr Github: https://github.com/jherr Links Frontend Fire Podcast: https://front-end-fire.com/ Pro Next.js Course: https://www.pronextjs.dev/ Zephyr: https://www.zephyr-cloud.io/ Takeaways Module Federation allows for remote module updates without app store submissions. RSCs can improve performance by reducing client-side rendering time. The adoption of RSCs in the industry is slow due to existing codebases and frameworks. Jack's journey with React Native has been cyclical, returning to it multiple times. Performance gains with RSCs can be significant, especially on slower devices. Skepticism exists around new technologies like RSCs, impacting their adoption. Incremental adoption paths for frameworks can ease transitions for large companies. RSCs are still in development and face challenges. AI can significantly enhance app customization for users. Cursor is a popular AI-driven development tool that many developers prefer. ShadCN offers exciting possibilities for UI infrastructure. The concept of universal apps is becoming more feasible. The development landscape is shifting towards AI integration. Frameworks like Quick handle hydration differently than React. Solid and Svelte have similar functionalities to RSCs. AI models require extensive code examples for effective training. Zustand is gaining popularity in state management. Zustand has gained popularity as a state management library. Atomic state management allows for automatic updates based on dependencies. Choosing the right state management tool depends on the application's needs. React 19 introduces significant changes, especially with RSCs. Building custom Chrome extensions can enhance productivity and provide unique solutions. The debate between React Native and Flutter continues with no clear winner. Using the simplest state management solution is often the best approach. Understanding the context of your application is crucial for state management decisions.…

Rocket Ship

1
#059 - Expo Router, RSC & DOM Components with Evan Bacon 1:13:32

cách đây 10 weeks trước1:13:32

1:13:32

In this episode, Simon Grimm welcomes Evan Bacon, the manager of DevTools at Expo, to discuss the latest developments in Expo, including the Expo Router, Expo Web, and the new React Server Components. Evan shares insights on the adoption of Expo Router, the future of Expo Web, and the exciting potential of DOM components. The conversation highlights the challenges and innovations in building universal apps and the importance of making app development accessible to all. In this conversation, Simon and Evan Bacon delve into the evolving landscape of app development with a focus on Expo, React Native, and the introduction of new technologies like RSC and EAS hosting. They discuss the challenges developers face with App Store reviews, the skepticism surrounding new features, and the future of server components. The conversation also highlights the potential of Expo targets for Apple and the exciting possibilities of building widgets and live activities. As they look ahead, they express optimism about the advancements in Expo and the broader React Native ecosystem. Learn React Native - https://galaxies.dev Evan Bacon Twitter: https://twitter.com/Baconbrix Github: https://github.com/evanbacon Blog: https://evanbacon.dev/ Links RSC Code Example App: https://github.com/EvanBacon/expo-rsc-movies Expo RSC: https://docs.expo.dev/guides/server-components/ EAS Hosting: https://expo.dev/eas Takeaways Expo Router has been well received in the React Native community. The goal of Expo Router is to enable server-driven UI for developers. Expo Web has improved significantly with features like tree shaking and API routes.. Expo Router version 4 is set to finalize the core features of the router. Expo Web is being actively used in new projects at Expo. DOM components allow for easier migration from web to native apps. React Server Components are currently in developer preview, with exciting potential. Skepticism towards new technologies is common but can change over time. RSC allows for running JavaScript not currently on the client. OTA updates are useful for caching and background fetching. EAS hosting provides a flexible solution for deploying apps. Expo targets for Apple enable the creation of various extensions. Widgets can communicate with apps via NSUser defaults. Real-time updates in widgets require clever workarounds. Expo's future includes more components and improved UI design. The integration of AI tools will enhance the development experience.…

Rocket Ship

1
#058 - React Native Games & Animations with Ben Awad 52:01

cách đây 12 weeks trước52:01

52:01

In this conversation, Simon Grimm interviews Ben Awad, a successful YouTuber and co-founder of the app Voidpet. They discuss Ben's journey from content creation to app development, the challenges and successes he faced, and the technical aspects of building his applications. The conversation also touches on the importance of user experience, monetization strategies, and the evolution of Ben's career in the tech industry. In this conversation, Ben Awad discusses his experiences and insights into React Native, game development, and the integration of AI tools in programming. He shares his journey from Android development to embracing React Native, the challenges of real-time gaming, and the evolution of the developer experience. Ben also touches on animation techniques in game development, his literary interests, and the future of his projects, including Voidpet and the Voidlog series. Learn React Native - https://galaxies.dev Ben Awad Ben X: https://x.com/benawad Ben YouTube: https://www.youtube.com/@bawad Ben Github: https://github.com/benawad Links Voidpet: https://voidpet.com Voidpet garden: https://voidpet.com/o/garden Hands of Greed book: https://handsofgreed.com Takeaways Ben Awad transitioned from YouTube content creation to app development. Voidpet gained popularity on TikTok before any code was written. He has learned from both successful and failed projects. The Voidpet app focuses on mental health themes. Ben's cooking app, Saffron, is still active and successful. He emphasizes the importance of user experience in app development. Ben uses a simple tech stack for his apps to avoid over-engineering. He believes that offline capabilities in apps are not always necessary. Ben prefers native styling in React Native over other styles. A time API is essential for validating timestamps in games. Ben's early experiences with Android development were frustrating. React Native's developer experience has significantly improved over the years. Real-time gaming in React Native presents unique challenges. Animation techniques are crucial for enhancing game visuals. Choosing React Native for game development was a strategic decision. AI tools have become integral to Ben's coding workflow.…

Rocket Ship

1
#057 - The Time for React Native is Now 10:24

cách đây 14 weeks trước10:24

10:24

In this solo episode, Simon shares the new Galaxies.dev Zero to Hero Mission and why now is the best time to learn React Native. From New Architecture to Debugging, Expo, and companies in the ecosystem, this podcast will reinforce your drive to build and ship awesome React Native apps in 2025! Join React Native Zero to Hero - https://galaxies.dev/missions/zero-to-hero…

Rocket Ship

1
#056 - Bluesky's React Native App & AT Protocol with Samuel Newman 47:42

cách đây 16 weeks trước47:42

47:42

In this conversation, Simon Grimm interviews Samuel Newman, a developer at Bluesky, discussing his journey from university to app development, the intricacies of the Bluesky app and its underlying AT protocol, and the challenges and solutions encountered in enhancing user experience with React Native. They explore the role of Expo in app development, the importance of open-source contributions, and the future of Bluesky as it aims for significant user growth. Learn React Native - https://galaxies.dev Samuel Newman Samuel Bluesky: https://bsky.app/profile/samuel.bsky.team Samuel X: https://x.com/mozzius Samuel personal: https://samuel.felixnewman.com/ Samuel Github: https://github.com/mozzius Links Bluesky: https://bsky.app/ AT Protocol: https://atproto.com/ AT Proto Browser: https://atproto-browser.vercel.app/ Takeaways Samuel built a client for Bluesky before joining the team. Bluesky is a microblogging app built on the AT protocol. The AT protocol allows users to control their own data. The Bluesky app reached number one on the app store. Samuel's team faced numerous bugs in the app's development. They switched to a native bottom sheet for better performance. React Native requires a different mindset for developers. The AT protocol enables developers to build their own backends. Users genuinely own their data with the AD protocol.…

Rocket Ship

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

cách đây 18 weeks trước1:26:54

1:26:54

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/jamonholmgren Jamon personal: https://jamon.dev/ Jamon LinkedIn: https://www.linkedin.com/in/jamonholmgren/ Jamon Bluesky: https://bsky.app/profile/jamon.dev Links Infinite Red: https://infinite.red/ React Native Radio: https://reactnativeradio.com/ Ignite: https://github.com/infinitered/ignite Reactotron: https://github.com/infinitered/reactotron Takeaways 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.…

Rocket Ship

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

cách đây 20 weeks trước1:00:48

1:00:48

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/KimChouard Kim 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=SoftwareMansion Expo 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 limitation New 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.…

Rocket Ship

1
#053 - Why Accessibility in React Native matters with Britta Evans-Fenton 59:34

cách đây 22 weeks trước59:34

59:34

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/13ritta Britta LinkedIn: https://www.linkedin.com/in/britta-evans-fenton/ Links Accessibility Cheat Sheet: https://scanqr.to/5e270983 Crafting an Inclusive Shopify Point of Sale: https://www.youtube.com/watch?v=IoFnQQj4g1A AccessibilityInfo API: https://reactnative.dev/docs/accessibilityinfo Takeaways 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.…

Rocket Ship

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

cách đây 24 weeks trước39:14

39:14

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-v5 https://zeego.dev/ https://docs.expo.dev/build-reference/variables/ https://podcast.galaxies.dev/episodes/051-react-native-brownfield-integration-with-mariusz-stanisz https://www.youtube.com/watch?v=OT5hQbvGRW8&ab_channel=SimonGrimm https://docs.expo.dev/guides/analyzing-bundles/ https://docs.expo.dev/review/overview/#internal-distribution-with-eas-build https://docs.expo.dev/eas-update/getting-started/#configure-the-update-channel https://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.…

Rocket Ship

1
#051 - React Native Brownfield Integration with Mariusz Stanisz 49:42

cách đây 26 weeks trước49:42

49:42

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/staszekscp Links Mariusz AppJS Talk: https://www.youtube.com/watch?v=mOg29UnIMMA&ab_channel=SoftwareMansion React Native Brownfield Docs: https://reactnative.dev/docs/integration-with-existing-apps React Native Brownfield Tools: https://github.com/callstack/react-native-brownfield Takeaways 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.…

Rocket Ship

1
#050 - New Arch, JSI, Native Modules & Rust with Oscar Franco 47:38

cách đây 28 weeks trước47:38

47:38

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/ospfranco Oscar website: https://ospfranco.com/ Oscar GitHub: https://github.com/ospfranco Oscar YouTube: https://www.youtube.com/@ospfranco Links About the New Architecture: https://reactnative.dev/docs/the-new-architecture/landing-page React Native Bridgeless Mode for Dummies: https://www.youtube.com/watch?v=K5HBIKAjZ4U React Native Builder Bob: https://github.com/callstack/react-native-builder-bob OP-Sqlite: https://github.com/OP-Engineering/op-sqlite Takeaways 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.…

Chào mừng bạn đến với Player FM!

Player FM đang quét trang web để tìm các podcast chất lượng cao cho bạn thưởng thức ngay bây giờ. Đây là ứng dụng podcast tốt nhất và hoạt động trên Android, iPhone và web. Đăng ký để đồng bộ các theo dõi trên tất cả thiết bị.