Let's build a full stack
summary
Live coded a full stack in ~40 minutes and it actually runs: a Node HTTP server with a tiny router and pino logging that creates per-request child IDs, a REST endpoint that persists values to leveldb, and a build + dev server that writes a dist folder and serves files. Front end bundles with browserify, uses create-html and sheetify for CSS, a choo-like renderer that diffs real DOM, throttled by requestAnimationFrame to hit ~60fps; demos and curl checks work.
AI-written summary · about
chapters (16)
- 0:00Start
- 1:09How To Build a Whole Stack from Scratch
- 2:16Front-End App
- 4:33Create Html
- 5:53Browser Five for Javascript
- 18:27Child Loggers
- 18:46Debug Logs
- 23:27Framework Http Logging
- 24:35Creating a Database
- 27:12Front-End Framework
- 27:52Es6 Tag Template Strings
- 30:14React
- 31:33Tracing
- 31:53Chrome Profiler
- 33:54Requestanimationframe
- 35:59Usage of the Framework
related talks
41mLow-budget JavaScript: composable frontends that are fun and friendly
21mDante’s Inferno of Fullstack Development (A Brief History)
40mThe state of frontend frameworks in 2023
30mBuilding a massively scalable and performant Jamstack app in minutes
29mThe Front-end Takeover
19mNavigating the web in a world full of constraints
47mMeet Your New BFF: Backend to Frontend without the Duct Tape
30mBringing it all together