{"image_url":null,"title":"MobX + React \u3067 UI \u7528\u306e Store \u3092\u4f5c\u308b\u3068\u826f\u3044\u3088","published":"2021-04-28 17:42:10","blog_title":"covelline blog","author_name":"ryoheyc","url":"https://blog.covelline.com/entry/2021/04/28/174210","height":"190","blog_url":"https://blog.covelline.com/","provider_name":"Hatena Blog","categories":[],"html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Fblog.covelline.com%2Fentry%2F2021%2F04%2F28%2F174210\" title=\"MobX + React \u3067 UI \u7528\u306e Store \u3092\u4f5c\u308b\u3068\u826f\u3044\u3088 - covelline blog\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","version":"1.0","provider_url":"https://hatena.blog","author_url":"https://blog.hatena.ne.jp/ryoheyc/","width":"100%","type":"rich","description":"\u3053\u3093\u306b\u3061\u306f\u3002\u6700\u8fd1\u4ed5\u4e8b\u3067\u3042\u307e\u308a React \u66f8\u3044\u3066\u306a\u3044\u4e80\u5c71\u3067\u3059\u3002\u4f11\u65e5\u306b\u8da3\u5473\u3067\u66f8\u3044\u3066\u308b\u3002 React \u3067 Function Component \u3068 Hooks \u3092\u4f7f\u3046\u306e\u304c\u3059\u3063\u304b\u308a\u4e3b\u6d41\u306b\u306a\u308a\u307e\u3057\u305f\u306d\u3002Hooks \u306e\u304a\u304b\u3052\u3067 HOC \u304c\u3084\u3084\u4e0b\u706b\u306b\u306a\u3063\u3066\u304d\u305f\u4e00\u65b9\u3067\u3001MobX \u306f useObserver \u304c\u975e\u63a8\u5968\u306b\u306a\u3063\u3066 observer \u306e HOC \u304c\u63a8\u5968\u3055\u308c\u308b\u306a\u3069\u3001\u3084\u3084\u6d41\u308c\u3068\u306f\u7570\u306a\u308b\u52d5\u304d\u304c\u3042\u308a\u307e\u3059\u306d\u3002\u3057\u304b\u3057\u5b9f\u969b\u66f8\u3044\u3066\u307f\u308b\u3068\u3001useObserver \u306f\u30b3\u30fc\u30c9\u306e\u8a18\u8ff0\u91cf\u3082\u3084\u3084\u591a\u304f\u3001\u4f7f\u3044\u65b9\u306b\u3084\u3084\u30b3\u30c4\u304c\u5fc5\u8981\u3060\u3063\u305f\u308a\u3057\u3066\u3001observer \u3092\u4f7f\u3063\u305f\u307b\u3046\u304c\u826f\u3044\u958b\u767a\u4f53\u9a13\u304c\u5f97\u3089\u308c\u3066\u3044\u307e\u3059\u3002 \u3068\u3053\u308d\u3067\u3001MobX \u3092\u4f7f\u3046\u969b\u2026"}