Packt+ | Advance your knowledge in tech

0

All Products

Best Sellers

New Releases

Books

Videos

Audiobooks

Free Learning

React and React Native

You're reading from React and React Native Build cross-platform JavaScript apps with native power for mobile, web and desktop

Product type Paperback

Published in Mar 2017

Publisher Packt

ISBN-13 9781786465658

Length 500 pages

Edition 1st Edition

Languages

JavaScript

Tools

React

Concepts

Cross Platform Mobile Development

Author (1):

Adam Boduch

View More author details

Table of Contents (34) Chapters

React and React Native

Credits

About the Author

About the Reviewer

www.PacktPub.com

Customer Feedback

Dedication

Preface

1. Why React? FREE CHAPTER

2. Rendering with JSX

3. Understanding Properties and State

4. Event Handling – The React Way

5. Crafting Reusable Components

6. The React Component Lifecycle

7. Validating Component Properties

8. Extending Components

9. Handling Navigation with Routes

10. Server-Side React Components

11. Mobile-First React Components

12. Why React Native?

13. Kickstarting React Native Projects

14. Building Responsive Layouts with Flexbox

15. Navigating Between Screens

16. Rendering Item Lists

17. Showing Progress

18. Geolocation and Maps

19. Collecting User Input

20. Alerts, Notifications, and Confirmation

21. Responding to User Gestures

22. Controlling Image Display

23. Going Offline

24. Handling Application State

25. Why Relay and GraphQL?

26. Building a Relay React App

Chapter 8. Extending Components

In this chapter, you'll learn how to add new capabilities to existing components by extending them. There are two React mechanisms that you can use to extend a component, and we'll look at each in turn:

Component inheritance
Composition with higher-order components

We'll start by looking at basic component inheritance, just like the good old object-oriented class hierarchies that you're used to. Then we'll implement some higher-order components used as the ingredients in React component composition.

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 €14.99/month. Cancel anytime

Authors (1)

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

Other recommended products

Related to this chapter

React and React Native

React and React Native

Learn how to use React and Reactive Native to build mobile, desktop and native applications with React and React Native. From composable and Native UIs through to device-specific APIs and offline development, this book has everything you need to create engaging and user-friendly React applications which run on all major platforms.

Sep 2018 18h 0m

React and React Native

React and React Native

Discover and learn how to use React and React Native to build mobile, desktop and web apps. From composable and Native UIs through to device-specific APIs and offline development, this book has everything you need to create engaging and user-friendly React applications which run on all major platforms.

Apr 2020 17h 32m

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

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 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 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 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 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

Mastering React Native

Mastering React Native

Do you want to build robust applications using React Native? Mastering React Native will help you do just this by showing you how to manage data using Redux and Redux middleware, apply animations in your applications, and more!

Jan 2017 16h 32m

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 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 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