~/talk

Building a puzzle game in React/Redux

Talkat dotJS 2017 · on Friday, 2017-12-01· [react, frontend-architecture]
speakerdeck:mimshwright
slides:none on file

Builds a functioning retro puzzle game using React and Redux and shows the actual code path from game loop to rendering, using requestAnimationFrame to drive updates and calling ReactDOM.render from the update cycle. State is a clear tree: score, level, board as 2D matrices, current and next piece, config. Collision detection and matrix combination are implemented and demonstrated. Conclusion: React+Redux works for discrete, DOM-friendly games but is not a silver bullet for all realtime games.

AI-written summary · about

  1. 0:00Intro
  2. 0:16Game loop
  3. 1:12React
  4. 2:48State tree
~/search
type to search 6,249 conferences, 138,987 speakers and 185,172 talks
~/help
cmdctrl k
search every conference, speaker and series
/
focus the filter search
h
home
c
conferences
s
speakers
e
series
t
light / dark — the status bar button does the same
?
this help
esc
close this, then clear every filter — or just the search, while you are typing in it

Ignored while you are typing. Pages without a filter rail have no search to focus.