React Fragment

Use <React.Fragment>…</React.Fragment> as replacement wrapper to avoid rendering the top-level wrapper. Alternately <>…</>, the shorthand version, can be used.

React Popular Hooks

useState – values that changes overtime. useEffect – opt into component’s lifecycle to introduce side effects.

React Component Hierarchies

Also called as component tree. It usually has a parent component, a child component (sibling component to each other), and a leaf component (does not render other component).