1 of 9

Sebastien Castiel�scastiel.dev – @scastiel

Confoo 2024, Montreal�February 21th, 2024

Don’t Miss the

Next Revolution

in React

Server Components:

2 of 9

A bit about me

👨🏻‍💻 Passionate Software Developer

⚛️ React lover

📝 Blog posts & books writer

👨🏻‍🏫 Occasional teacher

3 of 9

A (short) history lesson

2013 React, a library to create client UIs

2015 Server-Side Rendering

2017 Next.js

2022 React Server Components

4 of 9

Client components

Server components

Interactivity

Calling an API

Forms

Browser APIs

Database

Async

Internal APIs

The default!

5 of 9

DEMO TIME

6 of 9

Client components?

Server components?

PWA

Offline-first

Mobile

E-commerce

Blog

Content

7 of 9

Traditional learning path

Advantages

Most of the learning material adopts this path

You learn React without any framework

Drawbacks

Hooks are hard to learn

React basics (JSX)

Client features (hooks)

Server features

A better learning path?

Advantages

Doing stuff on the server feels intuitive

Delays learning hooks

Full-stack applications

Drawbacks

You need a framework (Next.js)

Not much learning material available

React basics (JSX)

Client features (hooks)

Server features

8 of 9

Resources

9 of 9

Sebastien Castiel�scastiel.dev – @scastiel

I can help you or your team:

📚 Learn React and/or Next.js

⚙️ Build great applications and products

🤝 Improve your team practices

scs.tl/confoo