naskah. Mengapa?

Bagaimana aliran data dalam proyek tumpukan penuh?

• Kami menyimpan data di database kami. Kami tahu apa yang kami simpan. SQL atau NoSQL, kita tidak dapat mengabaikan memiliki skema dan rencana tentang apa yang harus disimpan dan diambil ketika menyangkut data terstruktur.
• Metode API dapat memodifikasi data dengan menggabungkan dari sumber yang berbeda. Kami tahu apa yang dikembalikan oleh setiap titik akhir API .
• Ujung depan terhubung ke berbagai titik akhir sesuai kebutuhan dan mengambil data. Kami tahu apa yang diharapkan pada setiap pengambilan jaringan.
• Data kemudian menyebar ke seluruh aplikasi sedemikian rupa sehingga masing-masing komponen mengakses bagian dari respons API. Setiap komponen tahu persis apa yang dibutuhkan untuk berfungsi dengan baik.

Titik-titik pada gambar di atas merupakan titik pertukaran data.

• Basis data tahu apa yang disimpan dan dikirimnya saat ditanyai. Tipe D1, D2, D3 diketahui dan karenanya didokumentasikan. Ini adalah kontrak yang dijanjikan database untuk dikirim saat ditanya.
• Jenis API Endpoint A1 dan A2 akan dibagikan dengan frontend untuk menyusun aliran data dalam aplikasi.
• Demikian pula, C1.1, C1.2, C2.1, dan C2.2 adalah semua jenis komponen induk yang dijanjikan untuk dikirim.

Contoh

Katakanlah, titik akhir API mengembalikan array tipe Person dengan n item.

// Component #1 receives Person[]
type Person = {
  name: string 
  age: number
  height: number
  weight: number
  hobbies: string[]
}
// Component #1.1
type PersonInfo = Pick<Person, 'name' | 'age' | 'height' | 'weight'>
// Component #1.2
type PersonHobbies = Pick<Person, 'hobbies'>

Betapa kerennya itu? Ini seperti data yang mengalir seperti air melalui sistem.

Saya ingin Anda membayangkan ini dalam skenario yang lebih besar mulai dari apa yang dibawa oleh database, apa yang dikembalikan oleh API, apa yang diterima oleh masing-masing komponen, dan seterusnya.

Kami bahkan dapat mencampur dan mencocokkan jenis seperti di bawah ini.

type Animal = {
  size: 'S' | 'M' | 'L'
  price: number
}
type IntelligentAnimal = Pick<Person, 'name'> & Pick<Animal, 'size'>
// Example object.
const intelligentAnimal: IntelligentAnimal = {
  name: 'Karthick',
  size: 'M',
}

Juga, kami mendapatkan intellisense keren di seluruh aplikasi. Penghemat jus otak yang besar.

Perubahan menjadi lebih mudah

Ok, kita ubah skema databasenya. Apa yang akan terjadi?

• Semua turunan perlu memperbarui jenis sumbernya . Orang, Hewan adalah jenis sumber di atas. Mereka mewakili database.
• Sekarang tipe turunan akan mulai error. Kami harus memperbaikinya satu demi satu mengikuti kesalahan .

Dan itu adalah hal yang baik bahwa Anda mendelegasikan semua tugas yang memakan jus otak itu ke kompiler. Begitulah cara kami bisa berproduksi di level elit.

Terima kasih.