Typography is an important factor when it comes to creating a pleasing aesthetic. With React, knowledge of font-family, font-size, line-height, color, etc., is required in order to create effective typography styles. Libraries like Google Fonts or Typekit can also be used for additional fonts and font styles.
Layout refers to the way elements are positioned on the page. React makes it easy to create complex layouts by leveraging flexbox or grid systems such as Bootstrap or Material Design Lite. Understanding these systems and what properties are available for customization is essential for achieving the best results.
Colors can be used in UIs for visual appeal and emphasis. With React, inline styles or class names defined in CSS files can be used to achieve custom colors for specific elements or subsections of an app. Knowledge of color theory and contrast ratios may be necessary in order to create an effective color palette that works well with the overall design scheme.
Buttons allow users to interact with an app or website easily and intuitively. Inline styles or class names defined in CSS files can be used with React to customize each button’s appearance such as size, shape, color and style (i.e., solid vs outline). Hover effects can also be added if desired.
No matter what kind of UI you’re creating with React, some level of CSS knowledge will always be necessary – but exactly how much will depend heavily upon personal preference and project scope. Once you understand which components require which levels of CSS expertise ranging from basic HTML/CSS knowledge up through advanced math equations & physics principles, you’ll have a better idea of how much time & effort will be needed from you when designing UIs using React.