Work on your app with all data being stored in the state (even if not persisted). If you have a clean state-based interactive structure, adding in the database will be straightforward.
Until we go over Firebase...
functionApp(props) {
const [data, setData] = useState([]); //define the state//respond to eventsconst handleClick = (event) => {
setData(newData); //update state when event occurs
}
//render the stateconst dataElems = data.map((item) => {
return<DataItemvalue={item} />
})
return (
<div>{dataElems}</div>
)
}
