frost web
1.0.0
frost web adalah front-end dari Frost API Po.et untuk mengelola akun dan token API.
Semua fitur baru harus digabungkan ke dalam master di belakang tombol fitur yang dinonaktifkan secara default. Setelah fitur tersebut cukup diuji, tombol pengalih dapat dihapus.
Ini adalah komponen ReactJS dan gaya Sass. Arsitektur komponen terinspirasi oleh Desain Atom Brad Frost.
Sebagian besar komponen memiliki satu file .scss terkait dengan nama yang sama. Ada juga beberapa gaya global yang hidup di components/styles . Gaya digabungkan dan dimuat oleh style-loader , css-loader , autoprefixer , postcss-loader , dan sass-loader Webpack.
Komponen dibagi menjadi atom, molekul, organisme, halaman, dan modal. Aturan praktisnya adalah: yang lebih kecil tidak boleh menggunakan yang lebih besar. Artinya atom tidak boleh mempunyai ketergantungan pada komponen lain, molekul hanya bisa bergantung pada atom dan seterusnya.
Halaman saat ini berada di luar /components karena alasan historis, namun akan dipindahkan ke folder ini di masa mendatang.
Komponen root adalah komponen/Root.tsx dan ReactDOM.render dipanggil di index.tsx.
Pereduksi React Redux ada di sini. Mereka seharusnya tidak memiliki logika sama sekali, cukup terima pesan dan perbarui toko redux.
Kisah Redux-Saga ada di sini. Sebagian besar logika penerapannya, khususnya semua efek samping, seharusnya ada dalam saga dan saga saja.
Semua gambar yang digunakan oleh aplikasi. Mereka diekspos sebagai elemen static readonly dari sebuah kelas di images/Images.tsx, menggunakan plugin File Loader Webpack untuk memuat dan menggabungkannya.
Ekstensi ke tipe asli JavaScript ada di sini.
Kami sebagian besar mengikuti Panduan Gaya JS StandardJS dan AirBnB. Kami belum menerapkan gaya secara otomatis.
Beberapa aturan:
var dilarang, dan let harus dihindari bila memungkinkan - selalu gunakan const sebagai gantinya.
