{"url":"https://moneyforward-dev.jp/entry/2020/02/18/react-component-rules/","author_url":"https://blog.hatena.ne.jp/moneyforwardDev/","provider_url":"https://hatena.blog","blog_url":"https://moneyforward-dev.jp/","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Fmoneyforward-dev.jp%2Fentry%2F2020%2F02%2F18%2Freact-component-rules%2F\" title=\"React Component\u306e\u5b9f\u88c5\u30eb\u30fc\u30eb\u3092\u6c7a\u3081\u3066\u307f\u305f - Money Forward Developers Blog\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","author_name":"moneyforwardDev","image_url":null,"provider_name":"Hatena Blog","published":"2020-02-18 09:00:13","blog_title":"Money Forward Developers Blog","description":"\u3053\u3093\u306b\u3061\u306f\u3002 \u7d4c\u8cbb\u7cbe\u7b97\u30b5\u30fc\u30d3\u30b9\u300c\u30de\u30cd\u30fc\u30d5\u30a9\u30ef\u30fc\u30c9 \u30af\u30e9\u30a6\u30c9\u7d4c\u8cbb\u300d\u306e\u958b\u767a\u30c1\u30fc\u30e0\u3067\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u30a8\u30f3\u30b8\u30cb\u30a2\u3092\u3057\u3066\u3044\u308b\u5742\u672c\u3067\u3059\u3002 \u30af\u30e9\u30a6\u30c9\u7d4c\u8cbb\u3067\u306fJS\u306e\u30e9\u30a4\u30d6\u30e9\u30ea\u3068\u3057\u3066React\u3092\u63a1\u7528\u3057\u3066\u3044\u308b\u306e\u3067\u3059\u304c\u3001\u6700\u8fd1\u30af\u30e9\u30a6\u30c9\u7d4c\u8cbb\u3067 React Component \u3092\u5b9f\u88c5\u3059\u308b\u969b\u306e\u30eb\u30fc\u30eb\u3092\u307e\u3068\u3081\u305f\u306e\u3067\u3001\u305d\u306e\u8a71\u3092\u66f8\u3053\u3046\u3068\u601d\u3044\u307e\u3059\u3002 \u306a\u305c\u30eb\u30fc\u30eb\u3092\u307e\u3068\u3081\u3088\u3046\u3068\u601d\u3063\u305f\u306e\u304b Component\u306e\u5206\u5272\u30eb\u30fc\u30eb\u3068\u3057\u3066Atomic Design\u3001\u30b9\u30bf\u30a4\u30eb\u306e\u7ba1\u7406\u3068\u3057\u3066styled-components\u3001GraphQL\u7528\u306e\u30e9\u30a4\u30d6\u30e9\u30ea\u3068\u3057\u3066Apollo Client\u3092\u5c0e\u5165\u3057\u5b9f\u88c5\u3092\u9032\u3081\u3066\u3044\u307e\u3059\u3002 \u6628\u5e74\u306e10\u6708\u307e\u3067\u306f\u6319\u3052\u305f\uff13\u3064\u3068\u3082\u4f7f\u7528\u3057\u3066\u3044\u2026","width":"100%","height":"190","version":"1.0","categories":[],"title":"React Component\u306e\u5b9f\u88c5\u30eb\u30fc\u30eb\u3092\u6c7a\u3081\u3066\u307f\u305f","type":"rich"}