経年劣化に耐える ReactComponent の書き方 - Qiita

「経年劣化に耐えるコード」というのは、だれもが目指すものでしょう。「そもそもフロントエンドのコードは、今ある技術で最良のものを書き捨てるべき」という意見も理解できますが「備えあれば憂いなし」ということもありますので、ここにメモを残します。あくまで、私なりのベストプラクティスですのでご了承ください。 5層に別れた SFC 私はレイヤーによる技術の分離で、ReactComponent の経年劣化に備えています。ここでいうSFCとは「Stateless Functional Component」の略称ではありません。Vue.js の文脈にある「Single File Component」を指します。 // (1) import層 import React from 'react' import styled from 'styled-components' // (2) Types層 type

[jsstudy]

5層に別れた SFC 私はレイヤーによる技術の分離で、ReactComponent の経年劣化に備えています。ここでいうSFCとは「Stateless Functional Component」の略称ではありません。Vue.js の文脈にある「Single File Component」を指します。

[cuttoff19]

なんとなくこういう書き方をしてたけども、うまく言語化してもらった記事でありがたい。

[jay-es]

5層に別れた SFC。import, types, DOM, style, container

[d4-1977]

階層の分け方や、役割の整理は大切そう

[gabuchan]

これぐらいが現実的な設計でいいなーと思った

[ni_no13]

React.ts

[heavenshell]

だいたい同じような構成にしている。