Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Rendering_101.pdf

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Cheesecake Labs Cheesecake Labs
February 20, 2019
Technology
46
0

 Rendering_101.pdf

Avatar for Cheesecake Labs

Cheesecake Labs

February 20, 2019

More Decks by Cheesecake Labs

See All by Cheesecake Labs
Cats' wellness & care
Avatar for Cheesecake Labs cheesecakelabs
0
70
How do we create the first impressions?
Avatar for Cheesecake Labs cheesecakelabs
0
75
Menstrual cup: suit and freedom
Avatar for Cheesecake Labs cheesecakelabs
0
94
Life is a cycle, better with a bicycle
Avatar for Cheesecake Labs cheesecakelabs
0
78
Interview Process: how to get the best of people
Avatar for Cheesecake Labs cheesecakelabs
1
120
My capsule wardrobe experience
Avatar for Cheesecake Labs cheesecakelabs
3
83
Stonewall Rebellion and its impact on LGBTQIA+ history
Avatar for Cheesecake Labs cheesecakelabs
1
63
Pregnancy, childbirth and breastfeeding: What do I have to do with it?
Avatar for Cheesecake Labs cheesecakelabs
0
65
MBTI - Psychological types described by Jung
Avatar for Cheesecake Labs cheesecakelabs
0
160

Other Decks in Technology

See All in Technology
CARTA HOLDINGS エンジニア向け 採用ピッチ資料 / CARTA-GUIDE-for-Engineers
Avatar for CARTA Engineering carta_engineering
0
47k
大規模環境でどのように監視を実現する？
Avatar for Yuto Obayashi yuobayashi
1
130
CloudFront VPCオリジンとVPC Latticeサービスの内部ALBをマルチアカウントで一元利用しよう
Avatar for k-kun duelist2020jp
5
200
TypeScript の型で副作用の実行順序を制御する
Avatar for yanaemon yanaemon
2
190
【禁断】Obsidianの第二の脳に「知の巨人」と呼ばれた師匠の脳をロードしてみた
Avatar for 長津孝輔 nagatsu
0
6k
自作エディターをOSSにして分かった、一人に刺さる開発が世界を動かす理由
Avatar for Shinya Saita shinyasaita
1
290
Oracle AI Database@Azure：サービス概要のご紹介
Avatar for oracle4engineer oracle4engineer
PRO
6
1.7k
TypeScriptエンジニアのためのWASMランタイム入門：AssemblyScriptから理解するメモリの実態（ayano）
Avatar for Tkoya ayanoyuki
0
120
Agentic AI時代における メルカリのAIガバナンスとガードレール実装
Avatar for ichihara naoichihara
14
13k
Pythonでベイズモデリング
Avatar for Soogie soogie
0
180
Anthropic AIネイティブ・スタートアップ構築のプレイブック を理解する
Avatar for 長津孝輔 nagatsu
0
120
AI時代に改めて考える、ドメイン駆動設計 - モデリングが「AIへの共通言語」になる
Avatar for Koichiro Matsuoka littlehands
7
2k

Featured

See All Featured
Kristin Tynski - Automating Marketing Tasks With AI
Avatar for Tech SEO Connect techseoconnect
PRO
0
250
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
333
22k
Chasing Engaging Ingredients in Design
Avatar for Sebastian Deterding codingconduct
0
190
Navigating the moral maze — ethical principles for Al-driven product design
Avatar for Skipper Chong Warson skipperchong
2
370
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
141
7.4k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
21
1.5k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
33
1.7k
Odyssey Design
Avatar for Ryan Kendrick rkendrick25
PRO
2
620
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
58k
Skip the Path - Find Your Career Trail
Avatar for Mark Kilby mkilby
1
130
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
432
67k
Claude Code のすすめ
Avatar for schroneko schroneko
67
220k

Transcript

  1. Rendering 101 By @dleitee (feat Klopp)

  2. None
  3. None
  4. None
  5. None
  6. None
  7. None

  8. Rendering 101 By @dleitee (feat Klopp)

  9. Since there are a number of different ways to build

    a website Rendering is hard

  10. ...and there is no silver bullet Rendering is hard

  11. None

  12. Generates the full HTML for a page on the server

    Server Rendering

  13. avoids additional round-trips for data fetching and templating on the

    client Server Rendering
  14. None

  15. Static Rendering Produce a separate HTML file for each URL

    ahead of time
  16. None

  17. Rendering pages directly in the browser using JavaScript Client-Side Rendering

  18. All logic, data fetching, templating and routing are handled on

    the client rather than the server. Client-Side Rendering
  19. None

  20. One App for the Price of Two SSR and CSR

    via rehydration
  21. None
  22. None
  23. None

  24. Singularity University

  25. None

  26. Icones