Issue 93 November 24th 2021

News

Experimenting with React Freeze

The team behind Reanimated are experimenting new library, React Freeze, that makes it possible to pause updates of parts of the app that are not visible to the user at the moment, and hence shave off some rendering time.

Scott’s Cheap Flights’ first mobile application and why we’re building in React Native

Scott's Cheap Flight's is building an app - and they wrote-up this great post on why they're choosing React Native. Plus, they're hiring!

Libraries & Tools

Introduction to FFmpeg Kit API

This is a cool one that slipped past my radar, but looks like a team has been working on a wrapper library for the classic video processing library FFmpeg - and now you can utilize it on React Native!

Tutorials

Creating an Augmented Faces React Native App with Sceneform.

Cool tutorial on how to utilize the Sceneform library to toy with augmented face reality in RN.

React Native: Two Important Lessons I Learned The Hard Way

Learn from Adnan's tips on noticing and preventing things from going in the wrong direction when building your first app

Build an audio-only chat app with Daily’s React Native library

A React Native tutorial for how to build an audio-only app using react-native-daily-js. Features include updating user permissions to speak, raising your hand to speak, and creating/ending new call "rooms". Thanks for the submission, Jessica.

Layout Animations in React Native

Learn how to use React Native’s built-in LayoutAnimations to automatically animate layout changes

Matt’s Tidbits #103 — Launching an app from a URL

Have you ever had an app launch on your mobile device when you click a link in an email, on a webpage, etc. and wondered how to do the same thing for your app?

Open Source

kubilaysalih/react-native-customizable-toast: yet another toast library based on reanimated 2 layout animations

craftzdog/react-native-checkbox-reanimated: Animated checkbox built with Reanimated v2

zoontek/react-native-bars: Components to control your app status and navigation bars.

staltz/react-native-emoji-modal: Feature-complete Emoji picker for React Native

robertherber/rn-native-hash: Simplified native dependency tracking for React Native

LaunchPlatform/inverted-section-list: A React Native component that implements SectionList with inverted direction and working sticky header

Latest Jobs

React Native / Mobile Engineer (All genders) - REMOTE

Actio is an app all about making self-improvement easy, fun, accessible and quick. A coach-centric wellness platform, Actio features live online classes in fields such as: fitness, yoga, meditation, personal development, career, and much more. With the mission of being the one-stop career shop to coaches, and the most supportive live coaching platform to beginners and go-getters - Actio is personal motivation in your pocket.

We’re looking for fellow mobile engineers to join the Actio product development team in Berlin or remote with CET overlap. There are plenty of challenges we’ll face together: creating a pleasant experience, making sure social interactions between participants & coaches are safe and healthy as well as shipping well-tested code often and reliably.

Evolve Actio mobile app as part of a cross-functional team in one of the following areas
- Coach-creator self-service tooling
- Class booking and discovery experience
Iterate on Actio’s Design System and Components Library
Working with Product Managers and Designers to define the User Experience
Implement fluent user interfaces in React Native
Accompany your changes with a good suite of automated tests

If you require more info please contact [email protected]

Videos

React Native Gesture Handler and Reanimated Tutorial

Inspired by this neat example, William does what he does best to recreate this in React Native.

Zero to $10 Million with React Native + Next.js - Fernando Rojo - (Next.js Conf 2021)

What does it take to grow to $10m in sales in under a year with one frontend engineer? In this talk, Fernando discusses how they used React Native with Next.js to achieve this at BeatGig. He shows off solutions to cross-platform issues like navigation, animations, responsive design, theming, performance, and more, uncovering a stack that lets you build great products with speed.