TV Apps in React Native, Flutter Integration & August Community Updates

Let's kick off this edition with a double dose of React Native insights: a webinar on React Native for TV, and an article on React Native integration with Flutter.

Webinar: React Native for TV

Join our upcoming webinar, co-created with Amazon, to explore the best practices of TV app development in React Native. Learn how to design for fragmented TV markets, optimize app performance, and share code effectively across platforms.

💡 Mastering the Big Screen: React Native for TV

🗓️ August 7 at 7:00 PM CEST

What to Expect

• Expert Insights: Hear from experts in TV app development: Anisha Malde, Giovanni Laquidara, and Łukasz Chludziński.
• Interactive Q&A: Get your questions answered live by our expert panel.
• Actionable Tips: Walk away with practical knowledge and techniques you can implement in your own projects.

This event is your gateway to mastering the unique challenges of TV app development. Don't miss it!

Join webinar

Blog: React Native Brownfield in Flutter App

In our latest blog post, Maciej Jastrzębski explores integrating React Native into an existing Flutter app, leveraging Flutter's platform views to blend React Native components seamlessly.

Article Highlights

• Detailed Integration Steps: Step-by-step instructions for both Android and iOS.
• Performance Assessments: Insights on using popular React Native libraries within a Flutter app.
• Challenges and Benefits: Understand the complexities and advantages of maintaining dual cross-platform runtimes.

Check out the article for detailed integration steps and performance insights.

Read article

What's Up at React Universe Conf?

On September 5-6, we are meeting in Wrocław, Poland, at React Universe Conf 🥳 Join us for an unforgettable conference experience, complete with networking, learning, and fun.

On September 4, we host onsite workshops, including our flagship session on React Native performance. This is a unique opportunity to enhance your mobile development skills and gain new perspectives on React Native 🔥 Don't miss it!

You can elevate your brand by sponsoring our conference. Gain unparalleled exposure to a dedicated tech audience - it's a unique opportunity to showcase your innovations and connect with top talent in the industry.

What's Up in the Community?

The tech landscape is changing fast. To help you stay on top of the game, our Technology Team has picked top news, releases, and stories from the world of React and React Native.

New Tools & Releases

• Experimental TypeScript support in Node.js already came out. Follow its GitHub space for more details.
• After four months of dedicated effort, react-native-filament is here. This new tool enables developers to create stunning 3D apps using React Native. Find out more in Marc Rousavy's X thread.
• Matt Brophy introduces Fog of War, a new feature in Remix designed to maintain optimal performance regardless of application size. By mimicking the expanding maps in retro video games, Fog of War dynamically loads route data as users navigate.
• Shopify Engineering has just released FlashList v1.7.0 with full support for React Native's new architecture! This update promises enhanced performance and new capabilities, and you can try it today.
• New Rise Tools allows developers to update the UI of React Native apps in production without rebuilding or redeploying. It uses Server Defined Rendering to manage client-server interactions, and includes a suite of components, actions, and server libraries.
• There's a new library, HeatMapView, developed by Alex with the aim to identify frequently re-rendered components in large React Native apps. The library is particularly useful for pinpointing unnecessary re-renders and optimizing app performance.

Other Tech News

• React Native 0.75 will come with Swift Package Manager support for libraries! Check a simplified example here.
• Re.Pack now supports Module Federation v2 using both Webpack and Rspack, streamlining custom logic for handling federated modules. Notably, Rspack enhances HMR across multiple development servers. Stay tuned for the demo!
• Szymon Rybczak demonstrates integrating any Large Language Model (LLM) into React Native apps offline using Vercel's AI SDK. Check it out here!
• Publishing dual module libraries containing both ESM and CommonJS modules can be quite tricky. See what Satyajit Sahoo learned in the process.
• The first State of React community survey, conducted from October 27 to November 15, 2023, provides key insights into component libraries, state management, and more.

Tech Leadership Insights

As a tech leader, you already have too much on your plate. That's why we've curated a digestible portion of recent insights at the intersection of business and tech.

• Neha Betra, VP of Engineering at GitHub, explains how fostering a culture of internal knowledge sharing and continuous learning enhances productivity. She highlights the importance of adaptable teams and the DRI model for effective decision-making, ensuring a productive work environment.
• AI is reshaping cybersecurity, amplifying both threats and defenses. Here you can read about how attackers use AI to boost malware and phishing and how security leaders are responding with AI-driven platforms. The piece offers interesting insights into the evolving landscape of AI in cybersecurity.
• This article discusses how ServiceOps merges IT service management (ITSM) and IT operations (ITOps) for seamless collaboration, boosting efficiency. It talks about the importance of full-context operations, which combine observability data with historical knowledge, to unlock ServiceOps' full potential.
• Are 1:1 meetings worth the time? Mike Fisher explores the topic, discusses the pros and cons of one-on-ones, and suggests ways of refining and optimizing them to ensure they provide a great return on your investment of time.