Syntax - Tasty Web Development Treats

773: React Native with Robin Heinze

May 24, 2024

57:08

Snipd AI

Robin Heinze from Infinite Red joins Scott and Wes to discuss React Native, highlighting its differences from other platforms, popular apps like Mercari and Twitter Lite, Expo's role, styling with CSS, Hermes JavaScript engine, and the new architecture of React Native.

AI Summary

Highlights

AI Chapters

Episode notes

Podcast summary created with Snipd AI

Quick takeaways

React Native enables efficient app development with shared components and code between mobile and web apps.

React Native supports various platforms beyond iOS and Android, expanding app reach and versatility.

Choose efficient state management tools like MobX State Tree and Redux, and leverage development tools like MyStera for enhanced capabilities in React Native apps.

Deep dives

React Native Podcast Interview Breakdown

The podcast episode delves into React Native, a lesser-discussed aspect compared to React for web apps. Robin Heinz, a director of engineering at Infinite Red and host of React Native Radio, provides insights on React Native's unique features. React Native embodies native components and offers a nearly native experience, enabling developers to build mobile apps efficiently. The episode highlights benefits like quicker app development time, shared components, and maintaining a native look and feel.

Efficient Native App Development with Expo and URL-based Navigation

03:40

React Native Styling and Platform Consistency

03:31

Introduction

4min

Exploring React Native Development and Expo Advancements

23min

Exploring Evolution and Challenges of React Native Development

19min

Exploring App Store Rules, Platform Preferences, and Integration Challenges

2min

Tech Troubleshooting, React Native Tools, and Sock Subscription Story

4min

Engaging Discussion on React Native Opportunities and Promotion of Company and Podcast

2min

Exploring Color-based Top-Level Domains

2min

Scott and Wes dish out a feast with Robin Heinze from Infinite Red, diving into the world of React Native. They discuss how React Native differs from other webview platforms, highlight popular apps built with it, and serve up essential tools and libraries to spice up every React Native project.

Show Notes

00:00 Welcome to Syntax!
01:13 Brought to you by Sentry.io.
01:30 React Native is different than Cordova or other webview platforms.
04:18 Is there a ‘write once deploy everywhere’ aspect?
05:48 What are some React Native apps people may not realize?
- Mercari: Buying & Selling App.
07:13 What about Twitter + Facebook?
09:15 What is Expo? Is Expo Required?
- expo.dev.
13:27 Does it require a Mac to build an iOS app?
14:58 React Native and routing.
- Expo Router.
16:56 How do native apps normally work without a URL?
18:35 Can you use CSS with React Native?
20:27 Do React Native or Tamagui translate to CSS or Yoga?
- Tamagui.
- Yoga Layout.
21:02 React Native app styling on Android and iOS.
22:20 React Native’s own JavaScript engine.
- React Native Docs: Using Hermes.
23:30 Does Hermes have full JS support?
23:52 What is the new architecture of React Native?
- New Architecture.
- React Native JSI.
26:11 Avoiding translation errors.
27:24 Will this change break a lot of older React Native apps?
28:24 Has React Native improved update stability?
29:55 Where else can React Native run?
32:52 JavaScript on smart TVs and other smart devices.
33:57 Bridging to native APIs.
- Tauri.
37:14 State management.
- Redux.js.
- MobX State Tree.
39:30 What are some tools + libraries that you install on most projects?
- JestJS.
- Maestro.
- Detox.
41:58 How do you manage authentication?
44:55 Does Facebook use React Native?
47:15 Supper Club Questions.
50:29 Sick Picks + Shameless Plugs.