hyf0 / wakuwork

Minimalistic React Framework

Wakuwork

Minimalistic React Framework

Use it at your own risk.

How to try it

• https://codesandbox.io/p/sandbox/wakuwork-example-counter-mdc1yb

How to start a new project

npm create wakuwork@latest

yarn create wakuwork

pnpm create wakuwork

Work in progress

• wakuwork dev (development server)
• wakuwork build (build for production)
• wakuwork start (production server)
• Exportable build
• Static site generation
• Client rendering fallback
• Opt-in router (reference implementation)
• Opt-in SSR (HTML generation & hydration)

Tweets

• https://twitter.com/dai_shi/status/1631668890861441024
• https://twitter.com/dai_shi/status/1631989295866347520
• https://twitter.com/dai_shi/status/1632005473401716736
• https://twitter.com/dai_shi/status/1632168346354593792
• https://twitter.com/dai_shi/status/1632729614450823169
• https://twitter.com/dai_shi/status/1632749501416087552
• https://twitter.com/dai_shi/status/1633262538862530561
• https://twitter.com/dai_shi/status/1633301007391424518
• https://twitter.com/dai_shi/status/1633821215206035460
• https://twitter.com/dai_shi/status/1633824588152074240
• https://twitter.com/dai_shi/status/1633826855282434048
• https://twitter.com/dai_shi/status/1634210639831867392
• https://twitter.com/dai_shi/status/1634212827706654723
• https://twitter.com/dai_shi/status/1635142924928434177
• https://twitter.com/dai_shi/status/1635149324383559681
• https://twitter.com/dai_shi/status/1635437958185766913
• https://twitter.com/dai_shi/status/1636744180902014981
• https://twitter.com/dai_shi/status/1636745339624624132
• https://twitter.com/dai_shi/status/1636746632900534273
• https://twitter.com/dai_shi/status/1637635196458778627
• https://twitter.com/dai_shi/status/1637768216817840129
• https://twitter.com/dai_shi/status/1638910110448902145
• https://twitter.com/dai_shi/status/1639858260114300931
• https://twitter.com/dai_shi/status/1640358907540537344
• https://twitter.com/dai_shi/status/1642463300314333184
• https://twitter.com/dai_shi/status/1643224085755998210
• https://twitter.com/dai_shi/status/1647132330543419392
• https://twitter.com/dai_shi/status/1654755487391559680

Diagrams

Architecture

https://excalidraw.com/#json=W1apCXy3iJ3L0rIoDxtU4,AbYkm972Fm1CbIzfV5PTIQ

How React Server Functions Work

https://excalidraw.com/#json=fMeNJovUG7PGnpvP64XVw,kjZBTeM2KPZKhWtALDOY8A

How Wakuwork counter example communicates with server

https://excalidraw.com/#json=N0PrCUij21xc2-Zwl1phZ,VYiuI0A2Fzw8G7y5yrPY8Q

Wakuwork's minimal spec for React Server Components

https://excalidraw.com/#json=VjIjQePYqfBCdnn1kiy92,75ozbvJOqCq4f8KWhYEyLQ