https://github.com/jellydn/waku-rsc-async-demo
https://github.com/jellydn/waku-rsc-async-demo
react rsc waku
Last synced: 7 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/jellydn/waku-rsc-async-demo
- Owner: jellydn
- License: mit
- Created: 2023-12-15T15:40:29.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-04-30T15:29:11.000Z (over 1 year ago)
- Last Synced: 2024-05-02T02:29:45.827Z (over 1 year ago)
- Topics: react, rsc, waku
- Language: TypeScript
- Homepage: https://waku-rsc.deno.dev/
- Size: 88.9 KB
- Stars: 2
- Watchers: 2
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Welcome to waku-rsc-async-demo 👋
[![IT Man - A quick look at Waku - the minimal React framework [Vietnamese]](https://i.ytimg.com/vi/-sGIPwXZT70/hqdefault.jpg)](https://www.youtube.com/watch?v=-sGIPwXZT70)
## 🚀 Introduction
This demo project showcases the capabilities of Waku, a minimal yet powerful React framework. Waku is designed to embrace the future of React development, focusing on React Server Components (RSCs) to provide an enhanced user and developer experience.
### ✨ [Demo](https://waku-rsc.deno.dev)
[](https://gyazo.com/d53f0bd5075a69ffd8bc656207e00012)
## 📋 Requirements
- [bun.sh](https://bun.sh/)
- [RSC Devtools](https://chromewebstore.google.com/detail/rsc-devtools/jcejahepddjnppkhomnidalpnnnemomn)
## 💻 Stack
- [Waku - The minimal React framework](https://waku.gg/)
- [Biome - One toolchain for your web project](https://biomejs.dev/)
- [Tailwind CSS - Rapidly build modern websites without ever leaving your HTML.](https://tailwindcss.com/)
## 📦 Installation
Before installing Waku, ensure you have Bun installed. In your project directory, run:
```sh
bun install
```
## 🔨 Development
To start the development server, execute:
```sh
bun run dev
```
## 🏗 Build
Build your project for production with:
```sh
bun run build
```
## Resources
- [dai-shi/waku: ⛩ The minimal React framework](https://github.com/dai-shi/waku)
- [Waku Diagrams](https://github.com/dai-shi/waku/discussions/151)
- ['use server' directive – React](https://react.dev/reference/react/use-server)
- ['use client' directive – React](https://react.dev/reference/react/use-client)
- [useTransition – React](https://react.dev/reference/react/useTransition)
## 🌟 Show Your Support
Give a ⭐ if this project helped you!