React and React Native

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 with Facebook's React, Relay, and GraphQL
• Understand the platform in-depth, from routing to server-side rendering

Book Description

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 start by learning how to craft composable UIs using React, ranging from rendering with JSX and creating reusable components to routing and creating isomorphic applications that run on Node.js.

We then move on to show you how to take the concepts of React and apply them to building Native UIs using React Native. You'll find out how to build responsive and streamlined UIs that can properly handle user interactions in a mobile environment. You'll also learn how to access device-specific APIs such as the Geolocation API, and how to handle offline development with React Native.

You will master handling application state, Unified Information Architecture, and using Flux, Redux, and Relay.

Towards the end of the book, you will learn how Flux ideas are encapsulated within React components using Relay and apply all the skills learned so far to create a React application that runs on every major platform.

What you will learn

• Learn what has changed in React 16 and how you stand to benefit
• Craft reusable components using the React virtual DOM
• Learn how to use 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

This book is written for any JavaScript developer―beginner or expert―who wants to start learning how to put both of Facebook's UI libraries to work. No knowledge of React is needed, though a working knowledge of ES2017 will help you follow along better.

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