Summary

In this chapter, we covered the basics of Mobile First development with React. We started by building a simple grid with vanilla CSS; then we rewrote it using the two most popular preprocessors, Sass, and LESS. Moving forward, we discussed the challenges we face in writing scalable CSS in large-size apps. Global namespaces, CSS Modules, and the order of priorities in CSS class declarations are some of the topics covered. With the styling, the Shopping Cart from Chapter 2, Building a Shopping Cart, we applied the common ways of styling React. We also learned to use the global classes from Bootstrap and MDL, decouple the CSS with CSS Modules, and use inline style components with JavaScript. In the next chapter, we will build a Twitter streaming app, and we'll get familiar with the basics of the streaming API. Also, we will implement a state management container library, Redux.