{"width":"100%","provider_name":"Hatena Blog","height":"190","author_name":"kikiki-kiki","provider_url":"https://hatena.blog","title":"\u4eca\u66f4\u306e React 18 ReactDOM \u306e render \u306e\u4f7f\u3044\u65b9\u304c\u5909\u308f\u3063\u305f","author_url":"https://blog.hatena.ne.jp/kikiki-kiki/","type":"rich","version":"1.0","blog_title":"\u304b\u3082\u30e1\u30e2","image_url":"https://m.media-amazon.com/images/I/513HJys484L._SL500_.jpg","blog_url":"https://chaika.hatenablog.com/","published":"2022-05-24 08:30:00","description":"React v18 \u3067\u306f `ReactDOM.render` \u3067\u306f\u306a\u304f `createRoot` \u3092\u4f7f\u3063\u3066 root \u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u4f5c\u6210\u3059\u308b ``` import { createRoot } from 'react-dom/client'; const root = createRoot(document.getElementById('app')!); root.render(); ```","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Fchaika.hatenablog.com%2Fentry%2F2022%2F05%2F24%2F083000\" title=\"\u4eca\u66f4\u306e React 18 ReactDOM \u306e render \u306e\u4f7f\u3044\u65b9\u304c\u5909\u308f\u3063\u305f - \u304b\u3082\u30e1\u30e2\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","url":"https://chaika.hatenablog.com/entry/2022/05/24/083000","categories":["React","TypeScript","JavaScript"]}