Class Component
Class component with a counter state.It uses React lifecycle events to update window title.You clicked 0 times
Function Component
Function component with a counter state.It uses useEffect hooks to update window title.You clicked 0 times
Child Function Component Rerendering
ButtonA and ButtonB are childrens of the same parent component.Both of them will cause parent component to rerender. Click to see the differences.You clicked 0 times
ButtonA rendered 1 times; ButtonB rendered 1 times
Trump 2018 last 800 tweets
Effect hooks events
Click "rerender" below or "change theme" from app bar and watch events.
Render Prop Rerendering Behavior (with Hooks)
Hover over each button to show the value of "context + 5".
Context value is 10. Watch console logs for different behaviors.