Presentation slides are here.

$ npm start 🎉

This app contains a two-pane UI. Left one is written as a class component and the right one as a functional component.

In different branches, it is demonstrated how hooks help us in hook in awesome React utilities into our functional component.

The initial setup - Two panes with some text.

Adding stateful input box in both the components.

Updating firestore using the components' state.

Using styles from context to beautify the components.

Handling side effects in the components.

Combining two hooks into one to create a custom one.

Note: The branches are not incremental, checkout with care.

This project was bootstrapped with Create React App.