React and React Native
Build cross-platform JavaScript applications with native power for the web, desktop, and mobile
4th Edition
Published on 30. May 2022
Book
Paperback/Softback
606 pages
978-1-80323-128-0 (ISBN)
Description
PUBLISHER'S NOTE: An updated 2024 edition of this book, with new emphasis on TypeScript, is now available.
Key Features
Discover React's latest features including automatic state update batching and prioritizing state updates
Get to grips with React architecture to write cross-platform apps using libraries such as NativeBase
Understand GraphQL and Apollo for building a scalable backend for your applications
Book DescriptionOver the years, React and React Native has proven itself among JavaScript developers as a popular choice for a complete and practical guide to the React ecosystem. This fourth edition comes with the latest features, enhancements, and fixes to align with React 18, while also being compatible with React Native. It includes new chapters covering critical features and concepts in modern cross-platform app development with React.
From the basics of React to popular components such as Hooks, GraphQL, and NativeBase, 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. 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. In the concluding chapters, you'll learn how to bring your application together with robust data architecture.
By the end of this book, you'll be able to build React applications for the web and React Native applications for multiple mobile platforms.What you will learn
Explore React architecture, component properties, state, and context
Work with React Hooks for handling functions and components
Implement code splitting using lazy components and Suspense
Build robust user interfaces for mobile and desktop apps using Material-UI
Write shared components for Android and iOS apps using React Native
Simplify layout design for React Native apps using NativeBase
Write GraphQL schemas to power web and mobile apps
Implement Apollo-driven components
Who this book is forThis book is for any JavaScript developer who wants to start learning how to use React and React Native for mobile and web application development. No prior knowledge of React is required, however working knowledge of JavaScript is necessary to be able to follow along the content covered.
Key Features
Discover React's latest features including automatic state update batching and prioritizing state updates
Get to grips with React architecture to write cross-platform apps using libraries such as NativeBase
Understand GraphQL and Apollo for building a scalable backend for your applications
Book DescriptionOver the years, React and React Native has proven itself among JavaScript developers as a popular choice for a complete and practical guide to the React ecosystem. This fourth edition comes with the latest features, enhancements, and fixes to align with React 18, while also being compatible with React Native. It includes new chapters covering critical features and concepts in modern cross-platform app development with React.
From the basics of React to popular components such as Hooks, GraphQL, and NativeBase, 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. 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. In the concluding chapters, you'll learn how to bring your application together with robust data architecture.
By the end of this book, you'll be able to build React applications for the web and React Native applications for multiple mobile platforms.What you will learn
Explore React architecture, component properties, state, and context
Work with React Hooks for handling functions and components
Implement code splitting using lazy components and Suspense
Build robust user interfaces for mobile and desktop apps using Material-UI
Write shared components for Android and iOS apps using React Native
Simplify layout design for React Native apps using NativeBase
Write GraphQL schemas to power web and mobile apps
Implement Apollo-driven components
Who this book is forThis book is for any JavaScript developer who wants to start learning how to use React and React Native for mobile and web application development. No prior knowledge of React is required, however working knowledge of JavaScript is necessary to be able to follow along the content covered.
More details
Edition
4th Revised edition
Language
English
Place of publication
Birmingham
United Kingdom
Target group
Professional and scholarly
Edition type
Revised edition
Dimensions
Height: 235 mm
Width: 191 mm
Thickness: 33 mm
Weight
1115 gr
ISBN-13
978-1-80323-128-0 (9781803231280)
Copyright in bibliographic data and cover images is held by Nielsen Book Services Limited or by the publishers or by their respective licensors: all rights reserved.
Schweitzer Classification
Other editions
Additional editions
Adam Boduch | Roy Derks | Mikhail Sakhniuk
React and React Native
Build cross-platform JavaScript applications with native power for the web, desktop, and mobile
E-Book
06/2024
4th Edition
Packt Publishing Limited
from
€35.99
Available for download
Persons
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. Roy Derks is a serial start-up CTO, international speaker, and author from the Netherlands. He has been working with React, React Native, and GraphQL since 2016. You might know him from the book "React Projects - Second Edition", which was released by Packt earlier this year. Over the last few years, he has inspired tens of thousands of developers worldwide through his talks, books, workshops, and courses. 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.
Content
Table of Contents
Why React?
Rendering with JSX
Component Properties, State, and Context
Getting Started with Hooks
Event Handling, the React Way
Crafting Reusable Components
The React Component Life Cycle
Validating Component Properties
Handling Navigation with Routes
Code Splitting Using Lazy Components and Suspense
Server-Side React Components
User Interface Framework Components
High-Performance State Updates
Why React Native?
React Native Under the Hood
Kick-Starting React Native Projects
Building Responsive Layouts with Flexbox
Navigating Between Screens
Rendering Item Lists
Showing Progress
Geolocation and Maps
Collecting User Input
Displaying Modal Screens
Responding to User Gestures
Using Animations
Controlling Image Display
Going Offline
Selecting Native UI Components Using NativeBase
Handling Application State
Why GraphQL?
Building a GraphQL React App
Why React?
Rendering with JSX
Component Properties, State, and Context
Getting Started with Hooks
Event Handling, the React Way
Crafting Reusable Components
The React Component Life Cycle
Validating Component Properties
Handling Navigation with Routes
Code Splitting Using Lazy Components and Suspense
Server-Side React Components
User Interface Framework Components
High-Performance State Updates
Why React Native?
React Native Under the Hood
Kick-Starting React Native Projects
Building Responsive Layouts with Flexbox
Navigating Between Screens
Rendering Item Lists
Showing Progress
Geolocation and Maps
Collecting User Input
Displaying Modal Screens
Responding to User Gestures
Using Animations
Controlling Image Display
Going Offline
Selecting Native UI Components Using NativeBase
Handling Application State
Why GraphQL?
Building a GraphQL React App