Chapter 11. Mobile-First React Components

In this chapter, you'll be introduced to the react-bootstrap package. This tool provides mobile-first React components by leveraging the Bootstrap CSS framework. It's certainly not the only option available for doing mobile-first React, but it's a good choice, and it brings together two of the most popular technologies on the web.

We'll start things off with the motivation for adopting a mobile-first design strategy. We'll then spend the rest of this chapter implementing a few react-bootstrap components.

The rationale behind mobile-first design

Mobile-first design is a tactic that treats mobile devices as the primary target for user interfaces. Larger screens, such as laptops or big monitors, are secondary ...

Get React and React Native now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.