Bootstrap a `react-blessed` Terminal Application

Add ESLint Rules to a `react-blessed` Application

Change text font with `figlet` inside a `react-blessed` Application

Extract a `react-blessed` Component and Add the `useInterval` Hook

Fetch the current weather with `weather-js` and display in `react-blessed`

Extract a custom useRequest hook to simplify fetching data in a react-blessed Application

Change text color with `chalk` and `gradient-string` inside `react-blessed`

Position and Align Text inside a `react-blessed` <box> Element

Create a Full-Screen Dashboard in `react-blessed` using a Percentage Based Layout

Use the react-blessed-contrib Grid Component to Make a Dashboard Layout

Build a Terminal Dashboard with React

While extracting a custom useRequest hook from our Terminal React Dashboard we encounter a run-away useEffect bug. As a result we introduce the [stop-runaway-react-effects](https://github.com/kentcdodds/stop-runaway-react-effects) tool to help detect the bug and then fix the it with useMemo and then the [use-deep-compare-effect](https://github.com/kentcdodds/use-deep-compare-effect) hook.

Course

Build a Terminal Dashboard with React

Extract a custom useRequest hook to simplify fetching data in a react-blessed Application

Share this video with your friends