React and React Native

Key Features

• Build React and React Native applications using familiar component concepts
• Dive deep into each platform, from routing in React to creating native mobile applications that can run offline
• Use Facebook’s Relay, React and GraphQL technologies, to create a unified architecture that powers both web and native applications

Book Description

React and React Native allow you to build cross-platform desktop and mobile applications using Facebook’s innovative UI libraries. Combined with the Flux data architecture and Relay, you can now create powerful and feature-complete applications from just one code base!

This book is split into three parts. The first part shows you how to start crafting composable UIs using React, from rendering with JSX and creating reusable components through to routing and creating isomorphic applications that run on Node.

We then move on to showing 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.

Finally, we’ll tie all of these skills together and shows you how you can create React applications that run on every major platform. As well as understanding application state in depth, you’ll learn how to leverage Relay to make feature-complete, data-driven web and native mobile applications.

What you will learn

• Craft reusable React components
• Control navigation using the React Router to help keep your UI in sync with URLs
• Build isomorphic web applications using Node.js
• Use the Flexbox layout model to create responsive mobile designs
• Leverage the native APIs of Android and iOS to build engaging applications with React Native
• Respond to gestures in a way that’s intuitive for the user
• Use Relay to build a unified data architecture for your React UIs

About the Author

Adam Boduch has been involved with large-scale JavaScript development for nearly 10 years. Before moving to the front end, 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.

He is the author of several JavaScript books, including Flux Architecture, and is passionate about innovative user experiences and high performance.

Table of Contents

Chapter 1. Why React?
Chapter 2. Rendering with JSX
Chapter 3. Understanding Properties and State
Chapter 4. Event Handling – The React Way
Chapter 5. Crafting Reusable Components
Chapter 6. The React Component Lifecycle
Chapter 7. Validating Component Properties
Chapter 8. Extending Components
Chapter 9. Handling Navigation with Routes
Chapter 10. Server-Side React Components
Chapter 11. Mobile-First React Components
Chapter 12. Why React Native?
Chapter 13. Kickstarting React Native Projects
Chapter 14. Building Responsive Layouts with Flexbox
Chapter 15. Navigating Between Screens
Chapter 16. Rendering Item Lists
Chapter 17. Showing Progress
Chapter 18. Geolocation and Maps
Chapter 19. Collecting User Input
Chapter 20. Alerts, Notifications, and Confirmation
Chapter 21. Responding to User Gestures
Chapter 22. Controlling Image Display
Chapter 23. Going Offline
Chapter 24. Handling Application State
Chapter 25. Why Relay and GraphQL?
Chapter 26. Building a Relay React App