Sign in to confirm you’re not a bot
This helps protect our community. Learn more

Start

0:00

Intro

9:39

Announcements

12:57

Goals

16:11

Intelligence & Sketching Work Session

22:10

Robb's questions

22:56

Let's code

26:03

Perfect-Freehand Recap - Live Demo

26:57

Perfect-Freehand Recap - Building the React app

28:53

Perfect-Freehand Recap - Node Error

32:20

Perfect-Freehand Recap - Code Warnings & Git Sync

39:25

Perfect-Freehand Recap - React Structure

41:47

State Management & Hotkeys Recap

44:27

State Management & Hotkeys Recap - Hotkeys Hooks

46:17

State Management & Hotkeys Recap - Building the App

47:22

State Management & Hotkeys Recap - App Structure

49:44

State Management & Hotkeys Recap - State with rko

51:49

State Management & Hotkeys Recap - Keystroke Hooks

56:20

Next Steps

59:08

Break

1:04:00

Next Steps

1:09:34

Intelligence & Sketching - Intro

1:14:42

Intelligence & Sketching - Outro

1:16:25

Outro

1:17:22

My New Analog Timer & Stopwatch

1:17:54

Wrap up

1:21:10
Live 57 · Overview of Perfect-Freehand & esbuild/create-serve/rko/hotkeys React apps · AI Sketching
👨🏻‍🏫 A live stream on creative coding & machine intelligence for designers! 💬 Join the Discord community and say hi! →   / discord   Please support this channel by checking out our sponsors/affiliate links: ⏲ Analog Timer/Stopwatch https://www.amazon.com/dp/B08ZYBHG91/... 📕 Hands-On Machine Learning Book https://www.amazon.com/dp/1492032646/... 🎁 Sign up to DigitalOcean & get $100 of credit for 60 days → https://nono.ma/do 🐙Code for Live 41 Perfect-Freehand app https://github.com/nonoesp/live/tree/... 🐙Code for Live 47 React app https://github.com/nonoesp/live/tree/... 🐙Code for Perfect-Freehand https://github.com/steveruizok/perfec... ✍🏻 Live demo of Perfect-Freehand https://perfect-freehand-example.verc... 🎥 Hands-On Coding a Pressure Sensitive Freehand Drawing App in React    • Hands-On Coding a Pressure Sensitive ...   This channel is supported by its audience and may earn commission as an Amazon Associate and affiliate partner (or from referral links) on qualifying purchases. 🔴 Live Playlist:    • 🧠 Live Streams   🧠 Machine Learning Series:    • 🧠 Machine Intelligence   🕸 Web Development Playlist:    • 🚀 Web   🍃 Getting Simple: https://gettingsimple.com 🎙 Podcast: https://gettingsimple.com/podcast 🗣 Ask Questions: https://gettingsimple.com/ask 💬 Discord:   / discord   👨🏻‍🎨 Sketches: https://sketch.nono.ma ✍🏻 Blog: https://nono.ma 🐦 Twitter:   / nonoesp   📸 Instagram:   / nonoesp   00:00 Start 09:39 Intro 12:57 Announcements 16:11 Goals 22:10 Intelligence & Sketching Work Session 22:56 Robb's questions 26:03 Let's code 26:57 Perfect-Freehand Recap - Live Demo 28:53 Perfect-Freehand Recap - Building the React app 32:20 Perfect-Freehand Recap - Node Error 39:25 Perfect-Freehand Recap - Code Warnings & Git Sync 41:47 Perfect-Freehand Recap - React Structure 44:27 State Management & Hotkeys Recap 46:17 State Management & Hotkeys Recap - Hotkeys Hooks 47:22 State Management & Hotkeys Recap - Building the App 49:44 State Management & Hotkeys Recap - App Structure 51:49 State Management & Hotkeys Recap - State with rko 56:20 State Management & Hotkeys Recap - Keystroke Hooks 59:08 Next Steps 01:04:00 Break 01:09:34 Next Steps 01:14:42 Intelligence & Sketching - Intro 01:16:25 Intelligence & Sketching - Outro 01:17:22 Outro 01:17:54 My New Analog Timer & Stopwatch 01:21:10 Wrap up

Follow along using the transcript.

Nono Martínez Alonso

3.85K subscribers