Learnings from Yet Another Hacker News Client
summary
A Reason React Hacker News client is built with server-side rendering, GraphQL hooks and GraphQL PPX producing typed queries, deployed to Now via GitHub Actions and end-to-end tests with Puppeteer and Percy. Bundling forces multiple builds and causes multiple React versions breaking hooks, adding 40 kilobytes extra for react‑suspense runtime unless replaced with preact to remove it. Workarounds include tiny BS Express bindings and Rollup experiments; overall the app works but bundling and ES module support remain rough.
AI-written summary · about
chapters (7)
- 0:00Introduction and project goal
- 1:14Bundling and infrastructure
- 3:06ReasonReact insights
- 4:38Performance and bundle size
- 6:38ES6 compatibility and bindings
- 8:32GraphQL integration
- 9:40Tooling, testing, and deployment
related talks
20mExperiments with React Compiler in Production Code
57mJavaScript Framework Cage Match
31mReact Server Components Elevating Speed, Interactivity, and User Experience
37mReact is hard but not why you may think
34mNavigating the Hype-Driven Frontend Development World Without Going Insane
25mThe Costs & Benefits of React Server Components
27mAnd Now You Understand React Server Components
49mWhy I bet my business on React