React and React Native - Softcover

Adam Boduch

Softcover

ISBN 10: 1789346797 ISBN 13: 9781789346794

Publisher: Packt Publishing, 2018

Synopsis

Build applications for web and native mobile platforms with React, JSX, Redux, and GraphQL

Key Features

• Explore how functional web development works with React, Redux, and React Native
• Build apps with unified architecture using Facebook's React, Relay, and GraphQL
• Understand React and React Native in-depth, from routing to server-side rendering

Book Description

React and React Native are used to build cross-platform desktop and mobile applications using Facebook's innovative UI libraries. This books takes you through using React 16 and React Native 0.5 to create powerful and engaging desktop, mobile, and native applications for all platforms.

You'll start by learning how to use React to craft composable UIs, covering tasks ranging from rendering with JSX and creating reusable components to routing and creating isomorphic applications that run on Node.js. You'll then advance to applying React concepts to building native UIs using React Native. This React book will guide you in developing responsive and streamlined UIs that can properly handle user interactions in a mobile environment. It'll also help you access device-specific APIs, such as the Geolocation API, and handle offline development with React Native. You'll be well-versed with handling application states, Unified Information Architecture, and using Flux, Redux, and Relay. Finally, you'll understand how Flux ideas are encapsulated within React components using Relay.

By the end of the book, you'll have the knowledge you need to create React applications that run seamlessly on all major platforms.

What you will learn

• Explore the new features in React 16 and how you can benefit from them
• Craft reusable components using the React virtual DOM
• Get to grips with using the new create-react-native-app command-line tool
• Augment React components with GraphQL for data using Relay
• Handle state for architectural patterns using Flux
• Build an application for web UIs using Relay

Who this book is for

If you’re a JavaScript developer - beginner or expert - who wants to learn how to put both of Facebook’s UI libraries to work, this book is for you. Although no background in React is necessary, working knowledge of ES2017 will assist you with understanding key concepts covered in the book.

Table of Contents

1. Why React?
2. Rendering with JSX
3. Component Properties, State, and Context
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

About this title

About the Author

Adam Boduch is a seasoned web application developer with a breadth of experience ranging from jQuery to React and everything in between. He is the author of over 10 books, including React Tooling and React Essentials.

Edition details

• Publisher: Packt Publishing
• Publication date: 2018
• ISBN 10: 1789346797
• ISBN 13: 9781789346794
• Binding: Paperback
• Language: English
• Edition number: 2
• Number of pages: 540