Explore Products

Best Sellers

New Releases

Books

Videos

Audiobooks

Free Learning

React and React Native

You're reading from React and React Native A complete hands-on guide to modern web and mobile development with React.js

Product type Paperback

Published in Apr 2020

Publisher Packt

ISBN-13 9781839211140

Length 526 pages

Edition 3rd Edition

Languages

JavaScript

Tools

React

Concepts

Front End Web Development

Authors (2):

Adam Boduch

Roy Derks

View More author details

Table of Contents (33) Chapters

Preface

1. Section 1: React

2. Why React? FREE CHAPTER

3. Rendering with JSX

4. Component Properties, State, and Context

5. Getting Started with Hooks

6. Event Handling - The React Way

7. Crafting Reusable Components

8. The React Component Life Cycle

9. Validating Component Properties

10. Handling Navigation with Routes

11. Code Splitting Using Lazy Components and Suspense

12. Server-Side React Components

13. User Interface Framework Components

14. Section 2: React Native

15. Why React Native?

16. Kick-Starting React Native Projects

17. Building Responsive Layouts with Flexbox

18. Navigating Between Screens

19. Rendering Item Lists

20. Showing Progress

21. Geolocation and Maps

22. Collecting User Input

23. Displaying Modal Screens

24. Responding to User Gestures

25. Controlling Image Display

26. Going Offline

27. Section 3: React Architecture

28. Native UI Components Using NativeBase

29. Handling Application State

30. Why Apollo?

31. Building an Apollo React App

32. Other Books You May Enjoy

Leave a review - let other readers know what you think

Technical requirements

The code files for this chapter can be found on GitHub at https://github.com/PacktPublishing/React-and-React-Native---Third-Edition/tree/master/Chapter08.

The rest of the chapter is locked

Register for a free Packt account to unlock a world of extra content!

A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.

Unlock this book and the full library FREE for 7 days

Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of

Start free trial

Renews at €18.99/month. Cancel anytime

Authors (2)

Adam Boduch

Adam Boduch

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.

See other products by Adam Boduch

Roy Derks

Roy Derks

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.

See other products by Roy Derks

Other recommended products

Related to this chapter

React Material-UI Cookbook

React Material-UI Cookbook

React Material-UI Cookbook is your ultimate guide to building compelling user interfaces with React and Material Design. Filled with practical and to-the-point recipes, you will learn how to implement sophisticated-UI components. You will also learn how to apply the vast selection of Material-UI components using modern React tools and techniques.

Mar 2019 17h 48m

React Router Quick Start Guide

React Router Quick Start Guide

React Router is the routing library for React, and it can be used in both React Web and React Native applications. This book is a simple way to get started with React Router and harness its full power for your applications.

Sep 2018 5h 12m

Beginning React

Beginning React

Projects like Angular and React are rapidly changing how development teams build and deploy web applications to production. In this book, you'll learn the basics you need to get up and running with React and tackle real-world projects and challenges. It includes helpful guidance on how to consider key user requirements within the development process, and also shows you how to work with advanced concepts such as state management, data-binding, routing, and the popular component markup that is JSX. As you complete the included examples, you'll find yourself well-equipped to move onto a real-world personal or professional frontend project.

Jul 2018 3h 12m

Learn React Hooks

Learn React Hooks

This ultimate guide on React Hooks helps you modernize managing state and effects in React apps using Hooks. You will learn various types of Hooks and how it integrates with Context and Suspense APIs. You will create custom Hooks and learn to use Hooks with Redux and MobX. Lastly, you will learn to migrate your existing React applications to Hooks.

Oct 2019 14h 12m

React, an intuitive web frontend framework, extends its capabilities in building apps for mobile and VR. This book aims to help you in building React applications through a series of real-world projects increasing in complexity as you progress. With coverage on various modern React tooling, you will get a wholesome knowledge of React development.

Dec 2019 15h 48m

React 16 Essentials

React 16 Essentials

Now fully updated for React 16, this book takes you on a fast-paced journey through building your own maintainable React 16 applications. Here are all the essentials you need to know to start working with React 16 and Redux, and assess the future with React Fiber!

React 16 Tooling

React 16 Tooling

React 16 Tooling covers the most important tools, utilities, and libraries that every React developer needs to know — in detail. These will make your development life simpler and happier, enabling you to create better and more performant apps.

Apr 2018 9h 56m

React: Cross-Platform Application Development with React Native

React: Cross-Platform Application Development with React Native

With React Native, you can build native mobile apps that are much more powerful, interactive, and faster by using JavaScript. React Native helps web and mobile developers to build cross-platform apps at a high level. This book takes you through four projects to help understand of the framework and build mobile apps with native user experience.

React Native Cookbook

React Native Cookbook

React Native is perfect for creating mobile applications with maximized code reusability and cost saving. With this practical solutions guide by your side, you can build amazing UIs, tackle mobile development-related issues, and build high-performance apps for mobile environments.

Jan 2019 19h 44m

React Native Blueprints

React Native Blueprints

Considering the success of React framework, Facebook has recently introduced a new mobile development methodology named React Native. With React Native on board, you'll be able to build native mobile applications using JavaScript, making much more powerful, faster, and more interactive applications. React Native is a game-changing approach to hybrid mobile development. This project-based guide takes you through 8 projects to help you gain a sound understanding of the framework when it comes to building mobile apps with native user experience.

Nov 2017 11h 32m

React Native - Building Mobile Apps with JavaScript

React Native - Building Mobile Apps with JavaScript

The emergence of React Native has made creating mobile apps in JavaScript easier for developers. This book introduces you to the React Native framework and the mobile apps development process. It starts with how React Native fits into the world of hybrid apps, and why it’s a popular framework. You’ll learn how React Native works under the hood--compiling JavaScript to Native code to bridge JavaScript and native apps. Also, you’ll learn how to write React Native components and use the ReactJS way of structuring your app. Understand how to use the industry standard Redux architecture as well as MobX--a newly emerging approach for state management--making your apps more robust and scalable.

Aug 2017 14h 28m

React Native By Example

React Native By Example

React Native is gaining massive popularity in the world of app development with its ability to build native apps using JavaScript. Developers now have the luxury to create incredible mobile experiences that look and feel native to their platforms using the comfort of a well-known language and the popular React JS library. This book allows you to build your own native mobile applications for the iOS and Android platforms with the benefits of a native mobile experience while leveraging the finesse and simplicity of JavaScript and React.

Apr 2017 13h 48m

Personalised recommendations for you

Based on your interests and search pattern

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Mastering Node.js Web Development

Mastering Node.js Web Development

Explore Node.js with practical examples that will teach you how to utilize open-source packages for real-world solutions. Gain the skills to develop and deploy server-side applications that enhance your client-side projects.

Jun 2024 25h 56m

Reactive Patterns with RxJS and Angular Signals

Reactive Patterns with RxJS and Angular Signals

This RxJS book will help you understand the core concepts of RxJS and provide practical patterns to make your code more reactive and declarative. You'll also understand Angular Signals, which provide another way to improve code reactivity.

Jul 2024 8h 28m

API Testing and Development with Postman

API Testing and Development with Postman

Whether you are a tester or a developer working with APIs, you'll be able to put your knowledge to work with this practical guide to using Postman. The book provides a hands-on approach to implementing and learning the associated methodologies that will have you up-and-running and productive in no time.

Jun 2024 11h 56m

FastAPI Cookbook

FastAPI Cookbook

This book helps you unlock the power of FastAPI to build high-performing web apps and APIs by taking you through the basics like routing and data validation through to advanced topics, such as custom middleware and WebSockets.

Aug 2024 11h 56m

Mastering Spring Boot 3.0

Mastering Spring Boot 3.0

This hands-on guide empowers you to develop scalable and efficient applications. You'll also learn microservices patterns, reactive programming, and security measures for building robust backend systems.

Jun 2024 8h 32m

Nuxt 3 Projects

Nuxt 3 Projects

This book is a comprehensive guide to Nuxt.js, which takes you from the basics to advanced topics. Uniquely, this book emphasizes practical, project-based learning, tackling real-world problems.

Jun 2024 7h 40m

Vue.js 3 for Beginners

Vue.js 3 for Beginners

Learning a new language by following video tutorials, blog posts, and documentation is a tiresome activity. This book will take you on an exciting journey of becoming a proficient Vue.js developer through a practical, step-by-step approach.

Sep 2024 10h 4m

Full-Stack Web Development with TypeScript 5

Full-Stack Web Development with TypeScript 5

The book emphasizes best practices, debugging, performance optimization, and scalable code structure, helping you develop practical skills in frontend and backend development, database integration, and AI integration.

Mastering Flask Web and API Development

Mastering Flask Web and API Development

The book is an introduction to Flask that will showcase its baseline, core, and advanced integration features to enable you to solve enterprise-related problems and issues in both web and API development.

Aug 2024 16h 28m