Get a big-picture view of modern React and React Native and see how they go hand-in-hand - covering TypeScript development, Vite, state management strategies, unit testing with Jest, and more.

Key Features

• New content on TypeScript, React frameworks, state management strategies, and unit testing
• Get to grips with React fundamentals and modern React techniques and architecture
• Broaden your React expertise through mobile development with React Native

Book Description

Welcome to your big-picture guide to the React ecosystem.

If you're new to React and looking to become a professional React developer, this book is for you. This updated fifth edition reflects the current state of React, including React framework coverage as well as TypeScript.

Part 1 introduces you to React. You'll discover JSX syntax, hooks, functional components, and event handling, learn techniques to fetch data from a server, and tackle the tricky problem of state management. Once you're comfortable with writing React in JavaScript, you'll pick up TypeScript development in later chapters.

Part 2 transitions you into React Native for mobile development. React Native goes hand-in-hand with React. With your React knowledge behind you, you'll appreciate where and how React Native differs as you write shared components for Android and iOS apps. You'll learn how to build responsive layouts, use animations, and implement geolocation.

By the end of this book, you'll have a big-picture view of React and React Native and be able to build applications with both.

What you will learn

• Explore React architecture, component properties, state, and context
• Work with React Hooks for handling functions and components
• Fetch data from a server using the Fetch API, GraphQL, and WebSockets
• Dive into internal and external state management strategies
• Build robust user interfaces (UIs) for mobile and desktop apps using Material-UI
• Perform unit testing for your components with Vitest and mocking
• Manage app performance with server-side rendering, lazy components, and Suspense

Who this book is for

This book is for any JavaScript or TypeScript developer who wants to start learning how to use React and React Native for web and mobile app development.

• No prior knowledge of React or React Native is required. However, a working knowledge of JavaScript is necessary to be able to follow along the content covered.

Who this book is for

This book is for developers who want to apply design patterns they've learned from other languages in Kotlin and build reliable, scalable, and maintainable applications. You'll need a good grasp on at least one programming language before you get started with this book. Familiarity with classical design patterns from your language of choice would be helpful, but you'll still be able to follow along if you code in other languages

Table of Contents

Part 1 - React

Chapter 1: Why React?

Chapter 2: Rendering with JSX

Chapter 3: Understanding React Components and Hooks

Chapter 4: Event Handling in the React Way

Chapter 5: Crafting Reusable Components

Chapter 6: Type-Checking and Validation with Typescript

Chapter 7: Handling Navigation with Routes

Chapter 8: Code Splitting Using Lazy Components and Suspense

Chapter 9: User Interface Framework Components

Chapter 10: High-Performance State Updates

Chapter 11: Fetching Data from a Server

Chapter 12: State Management in React

Chapter 13: Server-Side Rendering

Chapter 14: Unit Testing in React

Part 2: React Native

Chapter 15: Why React Native?

Chapter 16: React Native under the Hood

Chapter 17: Kick-Starting React Native Projects

Chapter 18: Building Responsive Layouts with Flexbox

Chapter 19: Navigating Between Screens

Chapter 20: Rendering Item Lists

Chapter 21: Geolocation and Maps

Chapter 22: Collecting User Input

Chapter 23: Responding to User Gestures

Chapter 24: Showing Progress

Chapter 25: Displaying Modal Screens

Chapter 26: Using Animations

Chapter 27: Controlling Image Display

Chapter 28: Going Offline

About the Authors

Mikhail Sakhniuk is Software Engineer with high proficiency in JavaScript, React and React Native. He has more than 5 years of experience in developing web and mobile applications. He has worked for startups, fintech companies, and product companies with more than 20 million users. Currently, Mikhail is working at Miro as a Frontend Engineer. In addition, he owns and maintains a few open-source projects. He also shares his experience and knowledge through books and articles.

Adam Boduch has been involved in large-scale JavaScript development for nearly 15 years. Before moving to the frontend, he worked on several large-scale cloud computing products using Python and Linux. No stranger to complexity, Adam has practical experience with real-world software systems and the scaling challenges they pose.