Professional React Native: Expert techniques and solutions for building high-quality, cross-platform, production-ready apps
- Length: 268 pages
- Edition: 1
- Language: English
- Publisher: Packt Publishing
- Publication Date: 2022-10-31
- ISBN-10: 180056368X
- ISBN-13: 9781800563681
- Sales Rank: #435708 (See Top 100 Books)
Learn how React Native works under the hood and what this means for building large-scale, cross-platform, production-ready applications without compromising on the quality and performance
Key Features
- Explore a modern approach to React Native, covering state management, animations, gestures, and more
- Implement best practices and practical techniques for creating large-scale, production-ready apps
- Create a development process including workflow automation with GitHub Actions, Fastlane, and Bitrise
Book Description
The React Native framework offers a range of powerful features that make it possible to efficiently build high-quality, easy-to-maintain frontend applications across multiple platforms such as iOS, Android, Linux, Mac OS X, Windows, and the web, helping you save both time and money. And this book is your key to unlocking its capabilities.
Professional React Native provides the ultimate coverage of essential concepts, best practices, advanced processes, and tips for everyday developer problems. The book makes it easy to understand how React Native works under the hood using step-by-step explanations and practical examples so you can use this knowledge to develop highly performant apps. As you follow along, you’ll learn the difference between React and React Native, navigate the React Native ecosystem, and revisit the basics of JavaScript and TypeScript needed to create a React Native application. What’s more, you’ll work with animations and even control your app with gestures. Finally, you’ll be able to structure larger apps and improve developer efficiency through automated processes, testing, and continuous integration.
By the end of this React native app development book, you’ll have gained the confidence to build high-performance apps for multiple platforms, even on a bigger scale.
What you will learn
- Become familiar with how React Native works under the hood
- Understand how to make the most of React Native for app development
- Explore different approaches to building apps across various platforms
- Become familiar with process automation and automated testing
- Contribute to open source code and structure your own code library
- Understand how to set up the architecture for bigger React Native projects
Who this book is for
This book is for developers who want to get started with React Native as well as experienced React Native developers interested in building professional cross-platform applications. Familiarity with the basics of JavaScript (including its syntax) and general software engineering concepts, such as data types, control flows, and server/client structures, is required. Although useful, experience with React Native is not necessary.
Professional React Native Contributors About the author About the reviewer Preface Who this book is for What this book covers To get the most out of this book Download the example code files Download the color images Conventions used Get in touch Share Your Thoughts Part 1: Getting Started with React Native Chapter 1: What Is React Native? Technical requirements Exploring React Understanding React basics Understanding React components Understanding React props and state Introducing React Native React Native basics The new React Native (2022) More React Native advantages Introducing Expo Summary Chapter 2: Understanding the Essentials of JavaScript and TypeScript Technical requirements Exploring modern JavaScript Exploring JavaScript for React Native development Understanding the assigning and passing of objects Creating real copies of an object Working with destructuring in JavaScript Understanding this in JavaScript Working with asynchronous JavaScript Exploring callbacks Understanding the implementation What’s better than callbacks? Promises! Improved syntax with async/await Patching callback libraries Using typed JavaScript Flow TypeScript Summary Chapter 3: Hello React Native Technical requirements Understanding how React Native works on an example app Understanding the React Native example project Structuring the example application Passing properties Understanding class components, function components, and Hooks Working with class components and lifecycle methods Working with function components and Hooks Connecting different platforms to JavaScript Introducing the new React Native Architecture Summary Part 2: Building World-Class Apps with React Native Chapter 4: Styling, Storage, and Navigation in React Native Technical requirements Understanding how to style a React Native app Make styling maintainable Choosing the right styling solution Using local storage solutions in React Native Storing non-sensitive data Storing sensitive data Understanding navigation in React Native Navigating different platforms Working with React Navigation Summary Chapter 5: Managing States and Connecting Backends Technical requirements Managing global application states Passing properties Using global state providers/containers Comparing local component state and global application state Working with global state management solutions Working with React Context Working with Zustand Working with Redux Connecting to remote backends Understanding the general principles of connections in React Native Working with the built-in Fetch API Working with other data fetching solutions Summary Chapter 6: Working with Animations Technical requirements Understanding the architectural challenge of animations in React Native Using the internal Animated API of React Native Starting with a simple example Using the native driver Interpolate animated values Getting to know the advanced options of the Animated API Understanding the pros and cons of the Animated API Creating simple animations with react-native-animatable Starting with a simple example Using the native driver Working with custom animations Understanding the pros and cons of react-native-animatable Exploring Reanimated 2 – the most complete animation solution for React Native Getting to know the Reanimated API with a simple example Understanding the architecture of Reanimated 2 Understanding the pros and cons of Reanimated Using Lottie animations in React Native Starting with a simple example Combining Lottie animations with the React Native Animated API Finding or creating Lottie animations Understanding the pros and cons of Reanimated Summary Chapter 7: Handling Gestures in React Native Technical requirements Using built-in components to respond to user gestures Using components to respond to simple taps Working with ScrollView Working with the gesture responder system and PanResponder Becoming a responder Handling touches Using PanResponder Understanding React Native Gesture Handler Summary Chapter 8: JavaScript Engines and Hermes Technical requirements Understanding JavaScript engines Using JavaScriptCore Using V8 Getting to know the Hermes engine Comparing key metrics Understanding important metrics Comparing JavaScriptCore and Hermes on Android Comparing JSC and Hermes on iOS Summary Chapter 9: Essential Tools for Improving React Native Development Technical requirements Improving code quality with type safety, linters, and code formatters Ensuring type safety with TypeScript or Flow Getting rid of the most common bugs with linters Enforcing a common code style with prettier Using boilerplate solutions Using the React Native TypeScript template Using React Native Boilerplate by thecodingmachine Using React Native Starter Kit by mcnamee Working with Ignite CLI Finding and using high-quality UI libraries Working with React Native Paper Working with NativeBase Using Storybook for React Native Summary Part 3: React Native in Large-Scale Projects and Organizations Chapter 10: Structuring Large-Scale, Multi-Platform Projects Technical requirements Setting up an app architecture that works for large-scale enterprise projects Adapting our example project structure Using React Native to deploy to different platforms Using react-native-web to create a clone for web Working with .native and .web file endings Working with multiple packages in a monorepo Reusing code with your own libraries Using react-native-builder-bob to write, maintain, and publish our own libraries Setting access restrictions on libraries Summary Chapter 11: Creating and Automating Workflows Technical requirements Understanding integration/delivery workflow automation Creating a collaborative development workflow Creating useful CI pipelines for the development process Understanding workflow automation and CD for build and release Summary Chapter 12: Automated Testing for React Native Apps Technical requirements Understanding automated testing Working with unit and integration tests in React Native Working with component tests Understanding end-to-end tests Understanding the role of end-to-end testing Writing end-to-end tests with Detox Understanding Appium and AWS Device Farm Summary Chapter 13: Tips and Outlook Technical requirements Understanding the most important things to make your React Native project a success Tip 1 – Find a process you never have to work around Tip 2 – Plan to be as flexible as possible with strategies to update without store releases Tip 3 – Always be aware of what’s happening in your app with stability monitoring tools Tip 4 – Let the user test with A/B testing Tip 5 – Use TypeScript as a single language stack Tip 6 – Keep your code simple and clean Understanding the bright future of React Native Reason 1 – The new architecture has finally landed Reason 2 – React Native Skia Reason 3 – The community Reason 4 – TypeScript and React Summary Index Why subscribe? Other Books You May Enjoy Packt is searching for authors like you Share Your Thoughts
Donate to keep this site alive
How to download source code?
1. Go to: https://github.com/PacktPublishing
2. In the Find a repository… box, search the book title: Professional React Native: Expert techniques and solutions for building high-quality, cross-platform, production-ready apps
, sometime you may not get the results, please search the main title.
3. Click the book title in the search results.
3. Click Code to download.
1. Disable the AdBlock plugin. Otherwise, you may not get any links.
2. Solve the CAPTCHA.
3. Click download link.
4. Lead to download server to download.