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