You're reading from React and React Native Build cross-platform JavaScript and TypeScript apps for web and mobile

Product type Paperback

Published in Apr 2026

Publisher Packt

ISBN-13 9781837020294

Length 578 pages

Edition 6th Edition

Languages

JavaScript

Tools

React

Concepts

Front End Web Development

Authors (3):

Mikhail Sakhniuk

Rodrigo Lobenwein

Adam Boduch

View More author details

Table of Contents (35) Chapters

Preface

Free benefits with your book

1. Part 1: React

2. Chapter 1: Why React? FREE CHAPTER

3. Chapter 2: Rendering with JSX

4. Chapter 3: Understanding React Components and Hooks

5. Chapter 4: Event Handling in the React Way

6. Chapter 5: Crafting Reusable Components

7. Chapter 6: Type-Checking and Validation with TypeScript

8. Chapter 7: Handling Navigation with Routes

9. Chapter 8: Code Splitting Using Lazy Components and Suspense

10. Chapter 9: User Interface Framework Components

11. Chapter 10: High-Performance State Updates

12. Chapter 11: Fetching Data from a Server

13. Chapter 12: State Management in React

14. Chapter 13: Server-Side Rendering

15. Chapter 14: Unit Testing in React

16. Part 2: React Native

17. Chapter 15: Why React Native?

18. Chapter 16: React Native Under the Hood

19. Chapter 17: Kick-Starting React Native Projects

20. Chapter 18: Building Responsive Layouts with Flexbox

21. Chapter 19: Navigating Between Screens

22. Chapter 20: Rendering Item Lists

23. Chapter 21: Geolocation and Maps

24. Chapter 22: Collecting User Input

25. Chapter 23: Responding to User Gestures

26. Chapter 24: Showing Progress

27. Chapter 25: Displaying Modal Screens

28. Chapter 26: Using Animations

29. Chapter 27: Controlling Image Display

30. Chapter 28: Going Offline

31. Chapter 29: AI as a Learning Partner

32. Chapter 30: Unlock Your Exclusive Benefits

Unlock this Book's Free Benefits in 3 Easy Steps

33. Other Books You May Enjoy

34. Index

Using React Native Reanimated

In the React Native world, we have a lot of libraries and approaches to animate our components, including the built-in Animated API. But in this chapter, I would like to opt for a library called React Native Reanimated and compare it with the Animated API to learn why it is the best choice.

Animated API

The Animated API is the most common tool used to animate components in React Native. It has a set of methods that help you create an animation object, control its state, and process it. The main benefit is that it can be used with any component, not just animated components such as View or Text.

But, at the same time, this API runs its animation driver on the JavaScript thread by default, though the useNativeDriver option can offload certain properties like opacity and transform to the native thread. Updates are scheduled asynchronously and may be delayed by at least one frame, lasting approximately 16 ms. Sometimes, the delay may last even longer if the JavaScript...