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 (27) Chapters

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

Using react-bootstrap components

While it's possible to implement mobile-first React user interfaces by rolling your own CSS, I would recommend against doing this. There are a number of CSS libraries that handle the seemingly endless edge cases for us. In this section, we'll introduce the react-bootstrap package—React components for Bootstrap.

Bootstrap is the most popular mobile-first library. However, using it directly means manually adding the right CSS classes to the right components. The react-bootstrap package exposes a number of components that serve as a thin abstraction layer between your application and Bootstrap HTML/CSS.

Let's implement some examples now. Another reason I'm showing you how to work with react-bootstrap components is that they're similar to react-native components, which you'll learn about starting in the next chapter.