Bluemo's Brain

仮想DOM

Last updated Unknown Edit Source

from React入門チュートリアル

本物のDOMに中身が対応したVirtual DOMをjs objectとしてReactが持っている
virutalな方を操作すると、その操作をうまいことReactが本物のDOMに反映してくれるって感じかな
- virtualなDOMはうまいことデーターと紐づけることができるので、データを操作しただけでDOMが勝手に変更されるようにできる
- その結果、UI更新のロジックとデータ関連のロジックを分離できるのも嬉しい

Backlinks

React入門チュートリアル

React入門チュートリアル

... と書く場合、 Xのfunctionの中でchildrenプロパティを拾って返さないと、Yはrenderされないなるほど React.Fragmentとか、HTMLに元からあるタグの仮想DOMとかには、これが元から実装されてる感じかな今のところの感想として、JSX気持ち悪〜〜という気持ちまあ慣れでしかないんだろうけど、xmlとjavascriptが入り混じるのがすごい読みづらいなんか名詞と動詞が入り混じってるみたいな? とが入り混じってるってことかな ...

1/3/2023
React学習

React学習

... > 「持ってる全てのHTML/CSS/JSの知識と経験、常識をゼロリセットしろ。もっと分かりやすくいうとウェブ技術を全て例外なく忘れろ。そして公式ドキュメントを全部読んでしろ」 > 実際にその頃のJavaScript（つまりES5以前）を触ったことがある人は何かしらJavaScriptには不満があったでしょう。RubyやScalaやGoといった他の言語よりも、明確に劣る言語だと認識していたでしょう。それは何も間違っていません。 https://note.com/erukiti/n/n38495d44386a > ウェブフロントエンドは元々DOMを直接操作したり、おもちゃのようなスクリプトをやっていればそれで良いだけの世界でしたが、すでにそのような時代ではありません。石器時代とは異なり、仮想DOMなどといった抽象化が導入されました。とをとりあえず学ぶかな (20210325) バックエンドは後で考える、を一応それなりに知っているはずだけど使うか迷う本当にただただでアプリを作るなら、上で作ることを強くおすすめします 1から全部作ろうとすると、本質とは関係ないところでつまずいてわけが解らなくなる Reactを使ってアプリを作りたいだけだったのに、なぜかで時間を溶かされる ...

1/3/2023

仮想DOM

React入門チュートリアル

Backlinks

React入門チュートリアル

React学習

Interactive Graph