Afleveringen
-
In this conversation, Simon Grimm interviews Maximilian Schwarzmüller, a renowned online course creator, about his experience of creating courses and his vast knowledge of various technologies. They discuss the current state of JavaScript frameworks like Angular, React, and Vue, as well as emerging frameworks like Solid.js and Svelte. They also touch on the Node.js environment and the popularity of Express. The conversation then shifts to mobile app development, with a focus on Ionic and React Native. They explore the strengths and limitations of these frameworks and their relevance in the current market. The conversation explores the pros and cons of cross-platform development frameworks, including Ionic, React Native, and Flutter. They discuss their personal preferences and experiences with each framework, highlighting the advantages and limitations of each. They also touch on the future of cross-platform development and the importance of staying up to date with the latest technologies. The conversation concludes with tips for effective learning, emphasizing the importance of building projects and solving real-world problems.
Learn React Native - https://galaxies.dev
Maximilian Schwarzmüller
Maximilian Twitter: https://twitter.com/maxedapps Maximilian YouTube: https://www.youtube.com/@maximilian-schwarzmuellerMaximilian Podcast: https://maximilian-schwarzmueller.com/podcast/Udemy courses: https://www.udemy.com/user/academind/Links
Academind: https://academind.com/coursesAcademind YouTube: https://www.youtube.com/@academindTakeaways
The JavaScript framework ecosystem is evolving, with established frameworks like React and Angular continuing to innovate and improve.State management is a key area of focus, with many frameworks adopting signals as a way to manage state more efficiently.There is a trend towards full stack development, where the boundaries between front-end and back-end become less clear.Express remains a popular choice for building APIs in the Node.js environment, despite the emergence of newer frameworks.Ionic and React Native are both viable options for mobile app development, with Ionic being more focused on web technologies and React Native providing a more native-like experience. Ionic, React Native, and Flutter are popular cross-platform development frameworks, each with its own advantages and limitations.Ionic is straightforward to work with and suitable for building less complex applications, but it may lack certain features and performance compared to React Native.React Native and Flutter offer the advantage of compiling code to native UI components or machine code, potentially resulting in better performance and a more integrated development experience.The choice between cross-platform and native development depends on the specific requirements of the project and the need for platform-specific features and performance.The future of cross-platform development looks promising, with ongoing advancements in frameworks like React Native and the emergence of new contenders like Tori.To learn effectively, it's important to build projects and solve real-world problems, rather than relying solely on tutorials and courses. -
In this conversation, Simon and Kitze discuss various topics including Kitze's experience as a React Native developer, his encounter with Gary Vee, and his popular product Sizzy. The conversation revolves around the challenges of building customizable UI components in React Native and the lack of comprehensive libraries. Simon and Kitze discuss their frustrations with existing libraries and the need for better primitives and components. The conversation then shifts to the Benji app and the process of building a native app from scratch. In this conversation, Kitze and Simon discuss various topics related to app development, including the challenges of building a native app with React Native based on an existing Next.js project, the use of Tailwind CSS, and the performance issues on Android.
Learn React Native - https://galaxies.dev
Kitze
Kitze Twitter: https://twitter.com/thekitze Kitze Website: https://www.kitze.io/Links
Sizzy: https://sizzy.co/Zero to shipped course: https://www.zerotoshipped.com/Benji: https://benji.so/Gluestack: https://gluestack.io/Takeaways
The choice of libraries in development can greatly impact productivity and the developer experience.The React Native ecosystem offers a variety of tools and libraries that can enhance the development process.The challenges of building and maintaining a successful product or project require dedication, focus, and continuous improvement.The lack of comprehensive UI component libraries in React Native can be frustrating and lead to the need for custom solutions.Having better primitives and components in React Native would make app development easier.Being open about not having all the answers shouldn't discourage people from teaching.Building a native app from scratch can be challenging, especially when transitioning from a web app.Finding the right tech stack and considering the need for a native app early on can save time and effort.Building a native app with React Native can be challenging, especially when trying to maintain consistency between the web and mobile versions.Tailwind CSS offers a wide range of components and resources, making it a popular choice for app development.Android performance can be a pain point in React Native development, requiring optimization and testing on Android devices.Integrating Apple Health data and implementing in-app purchases can be complex tasks that require careful consideration and planning. -
Zijn er afleveringen die ontbreken?
-
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.dev
Henry Moulton
Henry Twitter: https://twitter.com/HenryMoultonYonder: https://www.yonder.com/Links
Henrys App.js talk: https://www.youtube.com/watch?v=uoCzBdFCoqcReact Native Connection: https://reactnativeconnection.io/Takeaways
React 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.dev
Jon Samp
Jon Twitter: https://twitter.com/jonsampJon Website: https://jonsamp.devLinks
Expo EAS: https://expo.dev/easTakeaways
React 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. -
In this episode, Simon interviews Gary Tokman, CEO at Candle, about his experience with React Native and building a personal finance app. Gary shares his background in iOS development and how he transitioned to React Native. He discusses the technology stack used in Candle, and the three main problems of React Native apps. Gary also shares his latest packages Faster Image and Blur View, along with a new library for Push notifications.
Learn React Native - https://galaxies.dev
Gary Tokman
Gary Twitter: https://twitter.com/f6aryCandle: https://candle.fiLinks
SST: https://sst.dev/Candle on Github: https://github.com/candlefinanceSkip: https://skip.tools/Takeaways
The React Native community faces challenges with maintaining packages, especially when it comes to finding the right package that works and is actively maintained.React Native faces three main challenges: Concurrency, Presentation, and API SupportGary works on several OS projects to bring Swift power to React Native appsFront-end development in Candle involves client-side architecture, which presents challenges in balancing performance and processing large amounts of data on the device. -
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.dev
Nader Dabit
Nader Twitter: https://twitter.com/dabit3Nader YouTube: https://www.youtube.com/c/naderdabitWilliam Github: https://github.com/dabit3Links
Eigenlabs: 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-aiTakeaways
Web3 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.dev
William Candillon
William Twitter: https://twitter.com/wcandillonWilliam YouTube: https://www.youtube.com/@wcandillonWilliam Github: https://github.com/wcandillonLinks
React 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/
React 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.
Takeaways -
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.dev
Charlotte Isambert
Charlotte Twitter: https://twitter.com/c_isambertCharlotte Github: https://github.com/charlotteisambertLinks
React 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=-x2HdZ5unH4
Splitting 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.
Takeaways -
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.dev
Mark Lawlor
Mark Twitter: https://twitter.com/mark__lawlorMark Github: https://github.com/marklawlorNativeWind: https://www.nativewind.dev/
Nativecn-UI: https://github.com/Mobilecn-UI/nativecn-ui
Links
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.
Takeaways -
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.dev
Zach Taylor
Zach YouTube: https://www.youtube.com/@webdevjapanZach Portfolio: https://www.zach-japan.com/Zach Online Store: https://japandirect.org/
FreeCodeCamp: https://www.freecodecamp.org/Freemote: https://www.freemote.com/
Links
When 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.
Takeaways -
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.dev
Kacper Kapuściak
Kacper Twitter: https://twitter.com/kacperkapusciakKacper Github: https://github.com/kacperkapusciakTakeaways
Transitioning 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.dev
Frank Calise
Twitter: https://twitter.com/frankcaliseGithub: https://github.com/frankcaliseWebsite: https://www.frankcalise.com/Ignite: https://github.com/infinitered/igniteTakeaways
Ignite 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. -
In this episode, Simon and Aaron Berezkin discuss the results of the State of React Native 2023 survey. They cover various topics such as state management, data fetching, navigation, or styling and share their own take on the outcome and trends of the different categories based on real-life observations.
Learn React Native - https://galaxies.dev
Áron Berezkin
Aron Twitter: https://twitter.com/AronBerezkinAron Blog: https://www.aronberezkin.com/Aron Github: https://github.com/AronBeTakeaways
React Native developers are generally happy with the state of the framework and its various features.State management libraries like Redux and Zustand are widely used, but React Query is gaining popularity.React Native Paper and React Native Elements are still popular UI component libraries, but custom solutions are becoming more common.React Native Reanimated and the Animated API are the most popular choices for graphics and animations.The most commonly used debugging tools are console logs, Flipper, and Chrome DevTools.The new architecture and bridge-less mode are highly interesting to React Native developers.Expo modules are making it easier to create and use native libraries in React Native projects.React Native is moving in the right direction, with most developers agreeing.Building React Native apps is considered complex but not overly so.The React Native community is highly valued and supportive.Pain points include debugging, un-maintained packages, dealing with native code, and upgrades.Missing features include better debugging and Android shadows.The React Native ecosystem is stable but not boring, with ongoing improvements and innovations. -
In this episode, Simon interviews Evan Bacon, the creator of Expo Router. They explore the features and benefits of Expo Router, including file-based routing, deep linking, and automatic TypeScript. Evan shares the roadmap for Expo Router version 4, which aims to unify the server-client connection and introduce server components. They also touch on the future of Expo Web and its separation from the core native platform.
Learn React Native - https://galaxies.dev
Evan Bacon
Twitter: https://twitter.com/Baconbrix
Github: https://github.com/evanbacon
Blog: https://evanbacon.dev/
Blog Code: https://github.com/EvanBacon/evanbacon.devTakeaways
- Expo Router is a file-based router for native applications that enables universal code sharing and simplifies complex navigation routing.
- Expo Router provides features like deep linking, automatic TypeScript, and API routes, which allow for secure server-client communication.
- Expo Router version 4 aims to tie together the server-client connection and introduce server components, enabling more flexible and efficient app development.
- Expo Web will be separated from the core native platform, allowing developers to choose between Expo Router and React Navigation based on their specific needs.
- The future of Expo Router and Expo Web promises exciting advancements in universal app development and improved developer experience.
- Expo V4 is expected to be released around May, with a focus on unblocking important features.
- Evan Bacon's blog, built with Expo, showcases the capabilities of Expo Router and other Expo features.
- Expo and Next.js have different scopes and priorities, but Expo aims to be a universal React framework.
- Expo's goal is to unlock new types of mobile experiences and provide a seamless transition between web and native. -
Simon talks with Theo about the differences between React Native and Flutter, and what React Native's Superpower is. They explore the benefits of React server components and how they differ from over-the-air updates. Finally, they delve into the T3 stack and its origins, and the integration of Expo and React Native.
Learn React Native - https://galaxies.dev
Theo Browne
YouTube: https://www.youtube.com/@t3dotggPing: https://ping.gg/Twitter: https://twitter.com/t3dotggTwitch: https://www.twitch.tv/theoT3: https://t3.gg/New Devrel course: https://www.devrel.fyiReact Native Superpower video: https://www.youtube.com/watch?v=wd9198xvlzcTakeaways
- Over-the-air updates are a powerful feature of React Native, allowing developers to quickly patch and update their applications without going through the lengthy app review process.
- Flutter is a popular cross-platform framework, but it has limitations and is not as flexible as React Native in terms of native integration and over-the-air updates.
- Ionic and Capacitor are still relevant for certain use cases, particularly in enterprise applications and internal tools, but their importance may decrease as progressive web apps and other technologies improve.
- React Server Components offer the potential for server-side rendering and sending pre-rendered UI structures to the client, reducing the need for complex JSON-to-UI translations on the client-side.
- Mobile developers should pay attention to React Server Components as they could simplify development and improve performance by offloading rendering tasks to the server. Server components provide granular over-the-air updates and can be updated as part of a data fetch, offering a more efficient way to update components in React Native.
- The T3 stack, consisting of TypeScript, Prisma, TRPC, Tailwind, and Next.js, offers a modular and flexible solution for building full-stack applications. -
In this episode, I talk with Szymon Rybczak, a 17-year-old React Native developer at Callstack. Szymon shares his journey into open source and his experience working with React Native. He discusses the benefits of contributing to open-source projects and provides tips for getting started. Szymon also explains the concept of React Server Components and how they can be used in React Native. He discusses the challenges and potential of this technology. Finally, Szymon talks about the Repack project and the future of universal apps.
Learn React Native - https://galaxies.dev
Szymon Rybczak
Twitter: https://twitter.com/SzymonRybczakGithub: https://github.com/szymonrybczak
Takeaways- Contributing to open-source projects can help developers improve their skills and gain valuable experience.
- React Server Components can execute React components on a server, enabling full-stack development and performance optimizations.
- Repack is a project that allows for module federation and bundle splitting in React Native, enabling micro frontends.
- The future of React Native includes the adoption of React Server Components and the development of universal apps.Links
- Brownfield app process: https://www.callstack.com/blog/brownfield-development-with-react-native
- RePack: https://www.callstack.com/open-source/re-pack -
In this conversation, Kadi Kraman and I discuss various topics related to Expo and React Native. We cover EAS (Expo Application Services) and its features, including building native apps quickly and handling certificate management. We also discuss the differences between Expo Go, development builds, and pre-builds. Finally, we touch on the customization options for the Dev Client and the flexibility of transitioning from Expo to plain React Native.
Kadi also highlights the new features in Expo SDK 50, including DevTools plugins and a focus on web development. Kadi explains the benefits of Expo Router 3 and API routes, as well as the challenges of deep linking. She also mentions the future of Expo and the addition of NativeWind. Finally, Kadi shares tips for building a 5-star app, including addressing common issues and asking for positive reviews.
Learn React Native - https://galaxies.dev
Kadi Kraman
Twitter: https://twitter.com/kadikramanGithub: https://github.com/kadikraman
Takeaways- EAS (Expo Application Services) is a CI/CD service for React Native apps that simplifies the build process and handles certificate management.
- Expo Go is a sandbox environment for testing and prototyping, while development builds allow for customization and native code changes.
- Pre-builds in Expo generate the iOS and Android directories based on the app.json and package.json files, making it easier to upgrade React Native and Expo.
- The Dev Client in Expo allows for customization of the development environment, but it is not necessary for running pre-builds. Embracing change and pivoting when things aren't working is essential for growth and success.
- Expo SDK 50 introduces new features such as DevTools plugins and a focus on web development.
- Expo Router 3 and API routes provide server-side code capabilities in React Native apps. -
Simon talks with Thor Schaeff, Dev Rel & DX at Supabase. We cover all things Supabase, compare it to other solutions and how well Supabase plays together with React Native in 2024!
Learn React Native - https://galaxies.dev
Thor Schaeff
Twitter: https://twitter.com/thorwebdevPersonal: https://thor.bio/Links
Supabase: https://supabase.com/Supabase Twitter: https://twitter.com/supabase -
Why should you use React Native in 2024? I explain my reasons for using React Native and why I think it's probably the best cross-platform solution you can pick in 2024 to build native mobile apps!
Learn React Native - https://galaxies.dev
SPECIAL DEAL
Use code GALAXIES24 at the checkout to get a 25% discount on your first 3 months of PRO 🔥 -
In this end of the year episode, I share the story how Galaxies almost failed and my vision for every member of Galaxies plus the content you can expect in 2024!
Learn React Native - https://galaxies.dev
- Laat meer zien
