[react]Instagramのクローン処理を記録します.

以前Javascriptで作成したページを再作成しました.reactに移行する前にどのように構成部品を割り当てるべきかを考慮すると、まず構成部品をNav、Mainに分割し、次いでFeedおよびRecommendationをMainに割り当てる.
まず,FeedのMOCK Dataを用いてjsonファイルを作成した.id値とimage url、content、isLikeからなる.

[
    {
        "id": 1,
        "image": "https://images.unsplash.com/photo-1419242902214-272b3f66ee7a?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1387&q=80",
        "content": "Colorful, Powerful, Purple",
        "isLike": true
    },
    {
        "id": 2,
        "image": "https://images.unsplash.com/photo-1573614999645-e5f0f16ec15d?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80",
        "content": "Colorful, Powerful, Purple",
        "isLike": false
    }]

追加中...