In this video, we create a React + TypeScript frontend for the transactions API. Using Formik for form handling and SWR for data fetching, we build a simple interface to filter and display transactions.
Source code: https://github.com/damirpristav/transactions-app
00:00 - Intro
00:05 - Setup
02:02 - Routing
10:26 - Types
16:19 - Axios instance setup
19:49 - useCategories hook
21:09 - useSummary hook
24:00 - useTransactions hook
30:07 - Transaction mutation hooks
33:11 - Dashboard page
49:32 - Transactions page
01:00:36 - Form components
01:02:59 - formHelpers - validation and default values for adding transactions
01:06:31 - AddTransaction page
