Client vs server side rendering react

Слайд 2

Rendering
SSR (Server-Side Rendering) 
CSR (Client-Side Rendering, рендеринг на клиенте)
Hydratation
Prerendering

Terms

Rendering SSR (Server-Side Rendering) CSR (Client-Side Rendering, рендеринг на клиенте) Hydratation Prerendering Terms

Слайд 3

TTFB (Time to First Byte)
FP (First Paint)
FCP (First Contentful Paint)
TTI

TTFB (Time to First Byte) FP (First Paint) FCP (First Contentful Paint)
(Time To Interactive)

Terms 2

Слайд 4

Server-side rendering

https://developers.google.com/web/updates/2019/02/rendering-on-the-web

Server-side rendering https://developers.google.com/web/updates/2019/02/rendering-on-the-web

Слайд 5

Client-side rendering

https://developers.google.com/web/updates/2019/02/rendering-on-the-web

Client-side rendering https://developers.google.com/web/updates/2019/02/rendering-on-the-web

Слайд 6

Combining SSR and CSR

https://developers.google.com/web/updates/2019/02/rendering-on-the-web

Combining SSR and CSR https://developers.google.com/web/updates/2019/02/rendering-on-the-web

Слайд 8

ReactDOMServer

renderToString()
renderToStaticMarkup()
renderToNodeStream()
renderToStaticNodeStream()

ReactDOMServer renderToString() renderToStaticMarkup() renderToNodeStream() renderToStaticNodeStream()

Слайд 9

ReactDOMServer

renderToString()
hydrate()
renderToStaticMarkup()
renderToNodeStream()
renderToStaticNodeStream()

ReactDOMServer renderToString() hydrate() renderToStaticMarkup() renderToNodeStream() renderToStaticNodeStream()

Слайд 10

ReactDOMServer

renderToString()
hydrate()
renderToStaticMarkup()
renderToNodeStream()
renderToStaticNodeStream()

ReactDOMServer renderToString() hydrate() renderToStaticMarkup() renderToNodeStream() renderToStaticNodeStream()

Слайд 11

Which should I use?

Which should I use?
Имя файла: Client-vs-server-side-rendering-react.pptx
Количество просмотров: 32
Количество скачиваний: 0