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 ...
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.
