React + Typescriptで書かれたかなり大きなプロジェクトに出くわしました。
コードを掘り下げました。すべてがクールで、コンテナー、コンポーネント、タイプはどこにでもあり、リンターは構成され、スタイルが設定されたコンポーネントであり、ストーリーブックにも特定のreact-queryがあります。
ええと、プロジェクトではなく、ただの幸せです！
私は座って簡単なタスクを作成します-コンポーネントからページを組み立てます。
私はコードで書いていますが...そしてIDEは16個のボタンコンポーネントを提供してくれます。
Bliiin..。
さて、私はコンポーネントからコンポーネント/ボタンを取得しました（彼はそこにいる唯一のものです）
Next Inp ...ええと、あなたはその考えを理解します。プロジェクト全体でこれらの入力の23個。
さて、ストーリーブックを開いて、そこからすべてをコピーすることにしました。そして、ボタン、H1、H3のような単純なコンポーネントだけがあります。そして、あなたのための状態を持つコンポーネントはありません-型も、値のある記号もありません。
私の幸せに制限はありません。
さらに掘り下げます。コンテナには、コンテナ（実際、この単語について常に質問がありました。名前ページまたはサブページ/セクションが好きです）だけでなく、このページに直接関連するコンポーネントも含まれていることがわかりました。
このジャンルの古典によると、すべてが再利用可能なコンポーネントで取り出されたわけではなく、4〜5個の大きなコンポーネントが使用されるさまざまなコンテナ（コンテナフォルダ）にコピーされただけです。
, .
– (...)
C , . , .
. . , ?
.
, , , , .
« Front End-» ( -).
:
1) //// !
2) “// TODO:ID description” (ID 1)
3) , TODO
?
, TODO- 2-3 , ( 1-2 ).
TODO :
-, , ( CTRL + SHIFT + F // TODO:ID, - , 23 )
-, -. TODO , – .
, "TODO - " . , – technical debt.
.
1.
Linear ( ):
, . , .
, :
Add stories – storybook stories .
Move components into components – (reusable) . .
2.
styled-component- ( )
// TODO , ( ).
, …
TODO?
.
containers.
Linear. ID.
,
Windows + V ( – , , )
, TODO Windows + V .
, , .
. (Ctrl + Shift + V).
,
`const Button =`
`// TODO: TFR-45:Button…
const Button =`
!
3.
.
TFR-44 TFR-45 TODO ID - . - , .
, , , ?
. 16 Button 23 Input node.js .
:
1. “// TODO ID…“ “};” “Folder( )+ComponentName”.
styled-component
2. , . .
, .
3. - – , , , ..
: https://github.com/DrBoria/component-mover
styled-components.
«};».
.
– , // TODO end , “// TODO ID…“ “// TODO end”.
, .
- , .
– 1 .
.. – ? ?
.
( ).
!
, .
TODO- .
, .
1) . .
2) , ( - )
3) ( , )
私の父が言うように-墓地のようないくつかのプラス。