Let's build a React app with Convex and Clerk! (Monster Match Day 3)

In which we finish the MVP of the monster app!!!

1:09 - Stream starts, review hackathon prompt & progress
6:57 - Review the code & the errors from last time
17:38 - Start implementing the suggested solution
24:35 - Convex docs on actions
30:47 - Map out how the getUsersBySpecies action will work
36:49 - Call the getUsersBySpecies action from the React component
40:07 - React useCallback hook
56:09 - Add React useEffect hook
1:01:51 - Tangent: Learning about how your tools work
1:03:11 - Back to building the useEffect
1:11:44 - How do you call an async function from inside useEffect?
1:19:26 - typescript-eslint error: no-floating-promises
1:24:22 - Docs for React useEffect hook
1:29:04 - Finally(!) try to render things
1:32:31 - TypeError: Cannot read properties of undefined (reading 'query')
1:36:17 - Tangent: Speculative fiction
1:39:03 - Tracing through code execution
1:51:24 - It renders something!
1:55:57 - Hard-code names in the Convex database
2:01:23 - Tangent: Pair programming
2:05:46 - Update the profile component
2:27:20 - Deploy to Netlify
2:35:52 - Tangent: My background in CS & education
2:39:57 - Back to deploying to Netlify
2:52:18 - Tangent: Programming classes in college & learning web dev
2:54:25 - Back to fixing TypeScript build errors
3:24:03 - Back to deploying to Netlify
3:35:05 - Tangent: Advice for a college student on breaking into tech
3:44:01 - Back to deploying to Netlify
3:45:57 - Tangent: Resume review
3:51:08 - It deployed!!!
4:00:36 - Submit the app
4:05:58 - Update the README
4:37:45 - Tangent: Working at a big tech company
4:40:09 - Add some basic styles
5:05:00 - Final testing & finishing touches
5:11:15 - Takeaways from the hackathon experience

Links & other resources: