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

やさしい仮想DOM

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers.

 やさしい仮想DOM

about Virtual DOM

Avatar for Ryo Nakamura

Ryo Nakamura

April 25, 2019
Tweet

More Decks by Ryo Nakamura

Other Decks in Technology

Transcript

  1. JSX

  2. JSX

  3. var goodOldDays = React.createElement( "p", { style: "width: 240px;" },

    "昔は良かったなあ" ); ͜͏ͳΔ ※@babel/preset-react ʹ௨͚ͨͩ͠
  4. DOM

  5. DOM API ͦΕΛ ”׬શʹཧղͨ͠” ʹ
 ॻ͖׵͑ͯ JavaScript DOM Tree DOM

    API body ௚Լͷ̍ݸ໨ͷཁૉ͘Ε ΍͍͞͠ VirtualDOM ͍͋Αʂ h1 Ұஸʂ ͦͷ h1 ಺ͷςΩετڭ͑ͯ