Tips: ServerComponentsとComposition
e e o
e e o
e e o
e e o
e e o
e e o
l n o
l n o
l n o
e e o
e e o
e e o
e e o
e e o
e e o
l n o
l n o
l n o
// <- OK.
こういう別ディレクティブのものをChildrenにすることを"donut" patternっていうらしい
例えば - ブログ
p
p
p
a e
a e e
e
a e e
h e
h e r
r
h e r
弱点
Compositionだとprops渡せないよね
そういうどうしてもな時にuseContextを使おう
p
p
p
o e
o e
o e
r i r
r i r
r i r
o P v e
o P v e
o P v e
o I m
o I m
o I m
o o t n
o o t n
i
i o e
o e
o o t n
i o e
"use cache"
実は"use cache"ディレクティブでも同じことができる
export default async function Page() {
const uncachedData = await getData()
return (
)
}
async function CacheComponent({ children }: { children: ReactNode }) {
'use cache'
const cachedData = await fetch('/api/cached-data')
return (
{children}
)
}
a
a
a
a e m
a e m
a e m
y m C p
y m C p
y m C p
r e e d m
r e e d m
r e e d m
t i
t i e e n
e e n
t i e e n
P
P o e
o e
P o e
S
S H e
H e
S H e