Browse Library
Sign In Start Free Trial
Close icon Search icon
Account
Browse Library Advanced Search Sign In Start Free Trial

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying React and React Native
  • Table Of Contents Toc
  • Feedback & Rating feedback
React and React Native

React and React Native - Fifth Edition

By : Mikhail Sakhniuk, Adam Boduch
4.2 (9)
Buy this Book
close
close
React and React Native

React and React Native

4.2 (9)
By: Mikhail Sakhniuk, Adam Boduch
Buy this Book

Overview of this book

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.
Table of Contents (34 chapters)
close
close
close
Preface
chevron up
Icon
Preface
Icon
Who this book is for
Icon
What this book covers
Icon
To get the most out of this book
Icon
Get in touch
1
Part 1: React
Icon
Part 1: React
Lock Free Chapter
2
Why React?
Icon
Why React?
Icon
Getting the most out of this book – get to know your free benefits
Icon
What is React?
Icon
What’s new in React?
Icon
Setting up a new React project
Icon
Using web bundlers
Icon
Summary
Icon
Join us on Discord!
3
Rendering with JSX
Icon
Rendering with JSX
Icon
Technical requirements
Icon
Your first JSX content
Icon
Rendering HTML
Icon
Creating your own JSX elements
Icon
Using JavaScript expressions
Icon
Building fragments of JSX
Icon
Summary
4
Understanding React Components and Hooks
Icon
Understanding React Components and Hooks
Icon
Technical requirements
Icon
Introduction to React components
Icon
What are component properties?
Icon
What is component state?
Icon
React Hooks
Icon
Performing initialization and cleanup actions
Icon
Sharing data using context Hooks
Icon
Memoization with Hooks
Icon
Summary
5
Event Handling in the React Way
Icon
Event Handling in the React Way
Icon
Technical requirements
Icon
Declaring event handlers
Icon
Declaring inline event handlers
Icon
Binding handlers to elements
Icon
Using synthetic event objects
Icon
Understanding event pooling
Icon
Summary
6
Crafting Reusable Components
Icon
Crafting Reusable Components
Icon
Technical requirements
Icon
Reusable HTML elements
Icon
The diffculty with monolithic components
Icon
Refactoring component structures
Icon
Render props
Icon
Rendering component trees
Icon
Summary
7
Type-Checking and Validation with TypeScript
Icon
Type-Checking and Validation with TypeScript
Icon
Technical requirements
Icon
Knowing what to expect
Icon
Introduction to TypeScript
Icon
Using TypeScript in React
Icon
Summary
8
Handling Navigation with Routes
Icon
Handling Navigation with Routes
Icon
Technical requirements
Icon
Declaring routes
Icon
Handling route parameters
Icon
Using link components
Icon
Summary
9
Code Splitting Using Lazy Components and Suspense
Icon
Code Splitting Using Lazy Components and Suspense
Icon
Technical requirements
Icon
Using the lazy API
Icon
Using the Suspense component
Icon
Avoiding lazy components
Icon
Exploring lazy pages and routes
Icon
Summary
10
User Interface Framework Components
Icon
User Interface Framework Components
Icon
Technical requirements
Icon
Layout and organization
Icon
Using navigation components
Icon
Collecting user input
Icon
Working with styles and themes
Icon
Summary
11
High-Performance State Updates
Icon
High-Performance State Updates
Icon
Technical requirements
Icon
Batching state updates
Icon
Prioritizing state updates
Icon
Handling asynchronous state updates
Icon
Summary
12
Fetching Data from a Server
Icon
Fetching Data from a Server
Icon
Technical requirements
Icon
Working with remote data
Icon
Using the Fetch API
Icon
Using Axios
Icon
Using TanStack Query
Icon
Using GraphQL
Icon
Summary
13
State Management in React
Icon
State Management in React
Icon
What is global state?
Icon
React Context API and useReducer
Icon
Redux
Icon
MobX
Icon
Summary
14
Server-Side Rendering
Icon
Server-Side Rendering
Icon
Technical requirements
Icon
Working on the server
Icon
Using Next.js
Icon
React Server Components
Icon
Summary
15
Unit Testing in React
Icon
Unit Testing in React
Icon
Technical requirements
Icon
Testing in general
Icon
Unit testing
Icon
Testing ReactJS
Icon
Summary
Icon
Join us on Discord!
16
Part 2: React Native
Icon
Part 2: React Native
17
Why React Native?
Icon
Why React Native?
Icon
Technical requirements
Icon
What is React Native?
Icon
React and JSX are familiar
Icon
The mobile browser experiences
Icon
Android and iOS: different yet the same
Icon
The case for mobile web apps
Icon
Summary
18
React Native under the Hood
Icon
React Native under the Hood
Icon
Exploring the React Native architecture
Icon
React Native current architecture
Icon
Explaining JS and Native modules
Icon
Exploring React Native components and APIs
Icon
Summary
19
Kick-Starting React Native Projects
Icon
Kick-Starting React Native Projects
Icon
Technical requirements
Icon
Exploring React Native CLI tools
Icon
Installing and using the Expo command-line tool
Icon
Viewing your app on your phone
Icon
Viewing your app on Expo Snack
Icon
Summary
20
Building Responsive Layouts with Flexbox
Icon
Building Responsive Layouts with Flexbox
Icon
Technical requirements
Icon
Introducing Flexbox
Icon
Introducing React Native styles
Icon
Using the Styled Components library
Icon
Building Flexbox layouts
Icon
Summary
21
Navigating Between Screens
Icon
Navigating Between Screens
Icon
Technical requirements
Icon
The basics of navigation
Icon
Route parameters
Icon
The navigation header
Icon
Tab and drawer navigation
Icon
File-based navigation
Icon
Summary
22
Rendering Item Lists
Icon
Rendering Item Lists
Icon
Technical requirements
Icon
Rendering data collections
Icon
Sorting and filtering lists
Icon
Fetching list data
Icon
Lazy list loading
Icon
Implementing pull to refresh
Icon
Summary
23
Geolocation and Maps
Icon
Geolocation and Maps
Icon
Technical requirements
Icon
Using the Geolocation API
Icon
Rendering the map
Icon
Annotating points of interest
Icon
Summary
24
Collecting User Input
Icon
Collecting User Input
Icon
Technical requirements
Icon
Collecting text input
Icon
Selecting from a list of options
Icon
Toggling between on and off
Icon
Collecting date/time input
Icon
Summary
25
Responding to User Gestures
Icon
Responding to User Gestures
Icon
Technical requirements
Icon
Scrolling with your fingers
Icon
Giving touch feedback
Icon
Using Swipeable and Cancellable components
Icon
Summary
26
Showing Progress
Icon
Showing Progress
Icon
Technical requirements
Icon
Understanding progress and usability
Icon
Indicating progress
Icon
Exploring navigation indicators
Icon
Measuring progress
Icon
Step progress
27
Displaying Modal Screens
Icon
Displaying Modal Screens
Icon
Technical requirements
Icon
Terminology definitions
Icon
Getting user confirmation
Icon
Error confirmation
Icon
Passive notifications
Icon
Activity modals
Icon
Summary
28
Using Animations
Icon
Using Animations
Icon
Technical requirements
Icon
Using React Native Reanimated
Icon
The Animated API
Icon
Animating layout components
Icon
Animating component styles
Icon
Summary
29
Controlling Image Display
Icon
Controlling Image Display
Icon
Technical requirements
Icon
Loading images
Icon
Resizing images
Icon
Lazy image loading
Icon
Rendering icons
Icon
Summary
30
Going Offline
Icon
Going Offline
Icon
Technical requirements
Icon
Detecting the state of the network
Icon
Storing application data
Icon
Synchronizing application data
Icon
Summary
Icon
Join us on Discord!
31
Unlock Your Book’s Exclusive Benefits
Icon
Unlock Your Book’s Exclusive Benefits
Icon
How to unlock these benefits in three easy steps
32
Other Books You May Enjoy
Icon
Other Books You May Enjoy
33
Index
Icon
Index

Preface

Over the years, React and React Native have proven themselves among JavaScript developers as popular choices for a comprehensive and practical guide to the React ecosystem. This fifth edition comes with the latest features, enhancements, and fixes of React, while also being compatible with React Native. It includes new chapters covering critical features and concepts in modern cross-platform app development with React and TypeScript.

From the basics of React to popular features such as Hooks, server rendering, and unit testing, this definitive guide will help you become a professional React developer in a step-by-step manner.

You’ll begin by learning about the essential building blocks of React components. Next, you’ll learn how to improve the stability of your components using TypeScript. As you advance through the chapters, you’ll work with higher-level functionalities in application development and then put your knowledge to work by developing user interface components for the web and native platforms.

By the end of this book, you’ll be able to build React applications for the web and React Native applications for multiple platforms: web, mobile, and desktop: with confidence.

Visually different images
CONTINUE READING
83
Tech Concepts
36
Programming languages
73
Tech Tools
Icon Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.
Icon Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.
Icon 50+ new titles added per month and exclusive early access to books as they are being written.
React and React Native
Next Section
notes
bookmark Notes and Bookmarks search Search in title playlist Add to playlist font-size Font size

Change the font size

margin-width Margin width

Change margin width

day-mode Day/Sepia/Night Modes

Change background colour

Close icon Search
Country selected
Close icon Your notes and bookmarks

Confirmation

Modal Close icon
claim successful
Order Page Read Now

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY

Submit Your Feedback

Modal Close icon
Modal Close icon
Modal Close icon