HTML comments are not displayed in the browser, but they can help document your HTML source code.
Responsive Web Design
Convey meaning through color with a handful of color utility classes. Includes support for styling links with hover states, too.
Bootstrap includes a wide range of shorthand responsive margin and padding utility classes to modify an element’s appearance.
Components and Props
Components let you split the UI into independent, reusable pieces, and think about each piece in isolation.
This page provides an introduction to the idea of components. You can find a detailed component API reference here.
Lifting State Up
Often, several components need to reflect the same changing data. We recommend lifting the shared state up to their closest common ancestor. Let’s see how this works in action.
State and Lifecycle This page introduces the concept of state and lifecycle in a React component. You can find a detailed component API reference here.
Consider the ticking clock example from one of the previous sections. In Rendering Elements, we have only learned one way to update the UI. We call ReactDOM.render() to change the rendered output:
Background Images Different Images for Different Devices
A large image can be perfect on a big computer screen, but useless on a small device. Why load a large image when you have to scale it down anyway? To reduce the load, or for any other reasons, you can use media queries to display different images on different devices.
Handling Events Handling events with React elements is very similar to handling events on DOM elements. There are some syntax differences:
React events are named using camelCase, rather than lowercase.
With JSX you pass a function as the event handler, rather than a string.
Popovers Documentation and examples for adding Bootstrap popovers, like those found in iOS, to any element on your site.
Input form* Attributes This chapter describes the different form* attributes for the HTML form input element.
The form Attribute
The input form attribute specifies the form the input element belongs to.
The value of this attribute must be equal to the id attribute of the form element it belongs to.