Figuring out basic details

Takeaways for the audience

• Have a pretty good idea for what deferred rendering tools are available, and how they fit into the context of all other React tools
• Explain the difference between the various deferred rendering tools, so that there’s less guesswork when someone needs to reach for one

Deliverables

• Set of slides with slide outline to keep me on track
• Demo code repo
• Demo code deployed to some kind of cheap Vercel hosting
• List of references and articles and videos listed somewhere (probably the repo)

Things to keep in mind

• Be sure to shout out Josh Comeau and anyone else I reference as much as possible
• Even though I don’t have a ton of time and need to cram a bunch of stuff into 15 minutes, the presentation should feel snappy, not rushed
• Try to repeat important concepts over and over again

Presentation breakdown

Officially, I have 15 minutes. It sounds like I have the leeway to go for 25 minutes, but I think that’s too long, especially if audience members are expecting a short talk and need to leave early for any number of reasons. I have to respect their time. I’ll shoot for a 17-minute talk, and leave room for 3 minutes of questions. Any super outstanding questions can be answered after the talk ends.

• React lecture
  • Overview of React
  • Brief overview of memoization and the compiler
  • Overview of deferred rendering and transitions
• Overview of the specific problem that I ran into at Coder
• Demo of iteratively improving the responsiveness of a “sandboxed” version of the problem
• Brief Q&A

Overall structure