React: Building Modern Web Applications

Reusable components and base styles

Grab the ch6.zip file to follow along. Much of the CSS is either self-explanatory or beyond our target scope for this text. The top-level application Less/CSS is covered here. It includes the base styles for commonly used tags and overall layout. Later, the .less files are called out in the file manifests but not in the chapter code listings. As the application building chapters progress, all of the code, including .less files, can be found in the .zip file for each respective chapter.

Base styles

The base styles, variables, mixins, and vendor styles, are comprised of these files: app.less, colors.less, mixins.less, quill.snow.less, and normalize.less. The main application .less file, app.less , contains the primary ...