Summary

This chapter introduced you to the concept of mobile-first design. We did a brief overview of why we might want to use the mobile-first strategy. It boils down to the fact that scaling mobile designs up to larger devices is much easier than scaling in the opposite direction.

Next, we discussed what this means in the context of a React application. In particular, we want to use a framework such as Bootstrap that handles the scaling details for us. We then implemented several examples using components from the react-bootstrap package.

This concludes the first part of this book. You're now ready to tackle React projects that live on the web, including mobile browsers! Mobile browsers are getting better, but they're no match for the native capabilities of mobile platforms. Part 2 of this book teaches you how to use React Native.