Bagaimana membuat masalah kompleks lebih mudah dengan menguraikan dan menyusun

Temukan JavaScript Fungsional dinobatkan sebagai salah satu buku Pemrograman Fungsional baru terbaik oleh BookAuthority !

Cara alami kita untuk menangani kompleksitas adalah memecahnya menjadi potongan-potongan kecil dan kemudian menyatukan semuanya kembali.

Ini adalah proses dua langkah:

  • menguraikan masalah menjadi bagian-bagian yang lebih kecil
  • buat bagian-bagian kecil untuk memecahkan masalah

Kami membusuk menjadi bagian-bagian yang lebih kecil karena lebih mudah dipahami dan diterapkan. Bagian yang lebih kecil bisa dikembangkan secara paralel.

Proses dekomposisi adalah tentang pemberian tanggung jawab dan pemberian nama. Ini membuatnya mudah untuk dibicarakan dan bernalar. Setelah kami mengidentifikasi tanggung jawab, kami dapat menggunakannya kembali.

Komposisi adalah tentang menggabungkan bagian-bagian kecil dan membangun hubungan di antara mereka. Kami memutuskan cara bagian-bagian ini berkomunikasi, urutan eksekusi, dan bagaimana data mengalir di antara mereka.

Kami menemukan sistem yang sulit untuk dipahami bahkan jika itu terbagi menjadi bagian-bagian yang lebih kecil, jika ada hubungan yang tinggi antara bagian-bagian ini. Untuk membuat sistem lebih mudah dipahami, kita perlu meminimalkan jumlah kemungkinan koneksi antar bagian.

Dekomposisi objek

Objek lebih dari sekadar keadaan dan perilaku yang bekerja bersama. Objek adalah hal-hal yang memiliki tanggung jawab.

Membusuk

Dalam Cara membuat aplikasi tiga lapisan dengan React, saya mengambil aplikasi daftar tugas dan membagi tanggung jawab antara objek berikut:

  • TodoDataService : bertanggung jawab untuk komunikasi dengan server Todo API
  • UserDataService : bertanggung jawab untuk komunikasi dengan API Pengguna server.
  • TodoStore: penyimpanan domain untuk mengelola daftar tugas. Ini adalah satu-satunya sumber kebenaran tentang to-dos.
  • UserStore : penyimpanan domain untuk mengelola pengguna.
  • TodoListContainer : komponen penampung root yang menampilkan daftar to-dos.

Seperti yang Anda lihat, saat membusuk, saya menetapkan tanggung jawab dan memberi nama.

Menyusun

Selanjutnya, saya menyusunnya bersama dalam satu fungsi. Ini adalah tempat di mana semua objek dibuat dan dependensi dimasukkan. Ini disebut Akar Komposisi.

Temukan JavaScript Fungsional bernama salah satu daribuku Pemrograman Fungsional baru terbaik oleh BookAuthority !

Untuk mengetahui lebih lanjut tentang menerapkan teknik pemrograman fungsional di React, lihat Functional React .

Pelajari React fungsional , dengan cara berbasis proyek, dengan Arsitektur Fungsional dengan React dan Redux .

Ikuti di Twitter