JSFiddle - React, Tailwind, and code Playground

by Matthew Day

HTML

<div class="question">How many hours are in a day?</div>
<div class="answer">24</div>

CSS

.answer {
  display: none;
}

JavaScript

shadow DOM

when a component changes its states, it is re-rendered

local state
the store (global state)

actions  will have name
reducers  handles the name, and modifies the store
store