https://github.com/moonhighway/react-server-components

Materials for React Server Components Workshop @ CascadiaJS 2024!
https://github.com/moonhighway/react-server-components

Last synced: about 1 year ago
JSON representation

Materials for React Server Components Workshop @ CascadiaJS 2024!

• Host: GitHub
• URL: https://github.com/moonhighway/react-server-components
• Owner: MoonHighway
• License: mit
• Created: 2024-06-12T17:23:38.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-06-19T14:14:36.000Z (about 2 years ago)
• Last Synced: 2024-06-21T00:24:22.289Z (about 2 years ago)
• Language: JavaScript
• Homepage:
• Size: 16.6 MB
• Stars: 1
• Watchers: 3
• Forks: 4
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Intro to React Server Components

In this workshop, we’ll build and iterate on an app that takes advantage of the server components architecture to build a high-performance application. Along the way, we’ll get comfortable with best practices in React routing, caching, and data loading.

## Setup Instructions

You'll just need a code editor + [Node.js](https://nodejs.org/) version 18.17.0 or higher.

## Topics

- Understanding React Rendering Patterns

- Creating a Server Components Project

- Fetching Data

- Identifying Server and Client Components

- Incorporating a Database

- Optimizing Performance with Data Caching

## Slides

- [Slide Deck](https://www.canva.com/design/DAFz4zFmK3s/U1jeWiru9i1mvAz0zNFzIA/view)

## Docs and Guides

- [RSC - React Docs](https://react.dev/reference/rsc/server-components)

- [Server Actions - React Docs](https://react.dev/reference/rsc/server-actions)

- [Making Sense of Server Components - Josh Comeau](https://www.joshwcomeau.com/react/server-components/)

- [Next Data Fetching](https://nextjs.org/docs/app/building-your-application/data-fetching/fetching)

## Other Tools

- [Supabase](https://supabase.com/)

- [Clerk Auth](https://clerk.com)