Saya menemukan proyek yang cukup besar yang ditulis dalam React + Typecript.
Gali kodenya. Semuanya keren, kontainer, komponen, jenis ada di mana-mana, linter dikonfigurasi, komponen bergaya, bahkan buku cerita memiliki kueri reaksi tertentu.
Yah, hanya kebahagiaan, bukan proyek!
Saya duduk untuk membuat tugas sederhana - merakit halaman dari komponen.
Saya menulis dalam kode Tapi ... dan IDE menawarkan saya 16 komponen Tombol.
Bliiin ...
Oke, saya mendapat komponen / Tombol dari komponen (zs dia satu-satunya di sana)
Selanjutnya Inp ... baiklah, Anda mendapatkan idenya. 23 buah Masukan ini selama proyek berlangsung.
Oke, saya pikir, membuka buku cerita, saya memutuskan untuk menyalin semuanya dari sana. Dan yang ada hanya komponen sederhana, seperti tombol, H1, H3. Dan tidak ada komponen dengan status untuk Anda - tanpa cetakan, tanpa tanda dengan nilai.
Kebahagiaan saya tidak terbatas.
Saya menggali lebih jauh. Ternyata container tidak hanya berisi container ( nyatanya saya selalu punya pertanyaan tentang kata ini, saya lebih suka nama halaman atau subhalaman / bagiannya ), tapi juga komponen yang berhubungan langsung dengan halaman ini.
Menurut genre klasik, tidak semuanya dikeluarkan dalam komponen yang dapat digunakan kembali, dan 4-5 komponen besar hanya disalin ke berbagai wadah (folder wadah) tempat mereka digunakan.
, .
– (...)
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) ( , )
Seperti kata ayahku - beberapa kelebihan, seperti kuburan.