1 00:00:02,490 --> 00:00:09,990 Sekarang dalam skenario seperti ini kami memiliki tiga negara bagian yang mengelola dan mereka semua terkait. 2 00:00:09,990 --> 00:00:17,430 Jika Anda jujur mereka semua terkait dengan kami berinteraksi dengan H untuk meminta bahan pengguna kami berubah setiap kali 3 00:00:17,430 --> 00:00:24,750 kami mengirim permintaan karena kami telah memuat ulang data atau kami menghapus data atau kami menambahkan data dan kami 4 00:00:25,620 --> 00:00:31,860 menunggu ini meminta untuk dilakukan tepat sebelum kami mengubah bahan pengguna atau kami mungkin juga memiliki 5 00:00:31,860 --> 00:00:32,400 kesalahan. 6 00:00:32,550 --> 00:00:35,580 Jadi negara bebas ini sebenarnya terkait erat. 7 00:00:35,580 --> 00:00:42,570 Kami mengelola mereka secara mandiri tetapi kadang-kadang kami juga memperbarui pada saat yang sama seperti di sini kami 8 00:00:42,990 --> 00:00:49,020 mengatur kesalahan dan mengatur memuat langsung dari satu sama lain berkat reaksi mekanisme penambalan yang 9 00:00:49,020 --> 00:00:51,070 tidak masalah berfungsi dengan baik. 10 00:00:51,420 --> 00:00:56,880 Tapi tetap saja mungkin agak menjengkelkan untuk mengelola negara-negara ini secara independen dengan cara yang akan 11 00:00:56,880 --> 00:01:03,030 didapat sedangkan jika salah satu negara bagian akan bergantung pada negara bagian lain yang bisa dibilang sudah seperti 12 00:01:03,300 --> 00:01:08,540 ketika kita mengatur bahan-bahan kita karena kita menambahkan yang baru kita Tergantung bahan-bahan lama kita. 13 00:01:08,580 --> 00:01:10,820 Ini sebenarnya bukan keadaan yang berbeda. 14 00:01:10,830 --> 00:01:17,010 Kami tidak bergantung pada pemuatan atau kesalahan di sini, tetapi ini adalah snapshot lama dari kondisi yang sama. 15 00:01:17,010 --> 00:01:23,730 Jadi, dalam kasus seperti itu di mana Anda bergantung pada keadaan lama atau Anda perlu 16 00:01:23,730 --> 00:01:32,210 memperbarui keadaan baru berdasarkan mungkin juga beberapa keadaan berita lain dari objek tidak pernah menyatakan maka ada cara yang lebih 17 00:01:32,220 --> 00:01:39,850 baik daripada menggunakan keadaan penggunaan, Anda dapat memanggil atau menggunakan peredam penggunaan dan tidak pernah dibangun di kait. 18 00:01:39,850 --> 00:01:44,850 Sekarang jika Anda mengikuti bagian redux kata peredam sudah memberi tahu Anda sesuatu dengan 19 00:01:44,850 --> 00:01:52,080 pengguna adalah fungsi yang mengambil beberapa input dan pengembalian dan output pada akhirnya dan menggunakan reducer use dad untuk memberi 20 00:01:52,080 --> 00:01:58,550 Anda cara yang jelas untuk menemukan perubahan keadaan dalam pembaruan status. dan kemudian juga akan mengatur keadaan itu 21 00:01:58,560 --> 00:01:59,390 untuk Anda. 22 00:01:59,400 --> 00:02:02,040 Jadi bereaksi akan melakukan itu. 23 00:02:02,040 --> 00:02:07,530 Semuanya dimulai dengan Anda untuk menemukan peredam dan Anda biasanya melakukannya di luar komponen Anda 24 00:02:07,530 --> 00:02:12,990 sehingga pengurangan atau fungsi ini tidak diciptakan kembali ketika setiap komponen yang kami render karena 25 00:02:13,140 --> 00:02:18,360 fungsi peredam sering dipisahkan dari apa yang terjadi di dalam komponen Anda sebenarnya. 26 00:02:18,420 --> 00:02:26,560 Jadi di sini kita dapat mengurangi bahan kita atau katakanlah dan akan benar-benar dibangun untuk mengurangi risiko. 27 00:02:26,560 --> 00:02:28,920 Tapi mari kita mulai dengan peredam bahan. 28 00:02:28,930 --> 00:02:31,030 Dan ini pada akhirnya menyimpan fungsi. 29 00:02:31,060 --> 00:02:37,900 Fungsi ini akan secara otomatis mendapatkan argumen yang disahkan oleh negara bereaksi dan Anda bisa 30 00:02:37,900 --> 00:02:46,330 menamainya menyatakan tetapi semua nama bahan saat ini sehingga bahan saat ini disimpan dengan bereaksi dan tindakan yang 31 00:02:46,330 --> 00:02:49,890 sebenarnya akan menjadi penting untuk memperbarui keadaan. 32 00:02:49,960 --> 00:02:56,140 Sekarang Anda juga tahu bahwa konsep tindakan jika Anda menonton aksi bagian redux adalah objek yang 33 00:02:56,500 --> 00:03:03,990 dapat memiliki tipe dan kemudian kita dapat menggunakan pernyataan sakelar untuk menentukan kasus berbeda untuk kode berbeda yang ingin Anda 34 00:03:04,000 --> 00:03:07,210 jalankan untuk berbagai jenis tindakan yang kami mendapatkan. 35 00:03:07,510 --> 00:03:15,370 Sebagai contoh, kita dapat memiliki case untuk mengatur bahan-bahan kita, kita dapat memiliki case untuk menambahkan 36 00:03:15,960 --> 00:03:21,490 bahan dan kita dapat memiliki kasus ketiga untuk menghapus bahan. 37 00:03:21,530 --> 00:03:22,890 Ini semua hanya pengidentifikasi. 38 00:03:22,900 --> 00:03:23,560 Saya datang dengan. 39 00:03:23,560 --> 00:03:25,720 Anda dapat menggunakan pengidentifikasi apa pun yang Anda inginkan. 40 00:03:26,580 --> 00:03:30,660 Anda biasanya juga harus memiliki case default di sini, tetapi kami tidak boleh mencapai ini. 41 00:03:30,660 --> 00:03:32,360 Jadi di sini saya hanya akan melemparkan Anda. 42 00:03:32,440 --> 00:03:38,860 Kesalahan tidak boleh sampai di sana karena kita harus benar-benar menangani semua kasus yang bisa kita miliki. 43 00:03:39,820 --> 00:03:44,770 Sekarang saya mengurangi dia karena saya mengatakan perlu mengembalikan sesuatu dan akan mengembalikan berbagai hal untuk semua 44 00:03:44,770 --> 00:03:45,370 kasus ini. 45 00:03:45,370 --> 00:03:50,920 Di sini kita melempar kesalahan yang juga membatalkan fungsi ini di sini kita tidak mengembalikan kesalahan 46 00:03:50,920 --> 00:03:55,590 tetapi kita mengembalikan sesuatu yang baru dan itu harus menjadi bahan baru kita. 47 00:03:56,330 --> 00:04:02,230 Jika dia memanggil set maka saya ingin mengganti bahan saya saat ini dengan daftar baru dan Anda susun bahan dan itu harus 48 00:04:02,590 --> 00:04:05,110 menjadi bagian dari objek tindakan yang saya dapatkan. 49 00:04:05,350 --> 00:04:10,240 Jadi di sana saya berharap untuk mendapatkan properti bahan yang harus menjadi susunan bahan yang akan 50 00:04:10,240 --> 00:04:11,520 menggantikan keadaan lama. 51 00:04:11,830 --> 00:04:19,510 Sekarang dalam add case di sini kita semua ingin mengembalikan snapshot keadaan baru dan keadaan kita di sini adalah array yang benar karena 52 00:04:19,510 --> 00:04:22,530 bahan adalah array sehingga kita harus mengembalikan array. 53 00:04:22,810 --> 00:04:26,190 Tapi di sini tentu saja seharusnya Ray kita yang lebih tua ditambah barang baru. 54 00:04:26,230 --> 00:04:32,250 Jadi logikanya sama seperti yang kita miliki di penangan wilayah tambahan kami, namun di sana kami menyalin bahan lama kami. 55 00:04:32,260 --> 00:04:33,880 Lalu kami menambahkan yang baru. 56 00:04:33,880 --> 00:04:41,140 Jadi di sini di AD saya menyalin yang lama saya yang merupakan bahan saat ini di sini yang saya dapatkan secara otomatis dan kemudian kita menambahkan 57 00:04:41,140 --> 00:04:44,660 item baru dan itu harus menjadi bagian dari tindakan yang kita dapatkan. 58 00:04:44,800 --> 00:04:50,530 Dan sekarang terserah kepada Anda apakah Anda berharap untuk mendapatkan semuanya sudah bergabung menjadi satu objek pada objek 59 00:04:50,830 --> 00:04:56,800 pada aksi seperti bahan atau jika Anda memiliki tiga sifat berbeda Anda akan menjadi orang yang mengirimkan tindakan ini nanti 60 00:04:56,800 --> 00:04:59,740 sehingga Anda dapat memutuskan data mana ada di sana. 61 00:04:59,740 --> 00:05:06,140 Dan di sini saya berharap untuk mendapatkan bahan saya dalam aksi sekarang dalam kasus hapus di sini. 62 00:05:06,300 --> 00:05:10,050 Kami harus mengembalikan daftar bahan yang diperbarui. 63 00:05:10,050 --> 00:05:15,510 Jadi saya akan mengambil bahan saya saat ini dan sekali lagi menggunakan filter menjalankan beberapa logika pada setiap bahan 64 00:05:15,510 --> 00:05:20,840 dan membandingkan bahan I. D. dengan katakanlah tindakan saya. D .. 65 00:05:20,850 --> 00:05:25,140 Jadi saya berharap memiliki I. D. bidang pada tindakan masuk 66 00:05:25,140 --> 00:05:30,340 yang merupakan ide dari bahan yang harus dihapus dan karena itu semua bahan yang tidak sama harus disimpan. 67 00:05:30,360 --> 00:05:33,100 Yang sama akan dikeluarkan dari daftar baru. 68 00:05:33,180 --> 00:05:34,500 Daftar baru dikembalikan. 69 00:05:34,620 --> 00:05:37,150 Apa yang kita kembalikan di sini menggantikan keadaan lama. 70 00:05:37,170 --> 00:05:39,960 Jadi itu mengurangi kami mengurangi fungsinya. 71 00:05:39,960 --> 00:05:41,700 Itu saja tidak banyak membantu. 72 00:05:41,760 --> 00:05:48,660 Kita sekarang perlu menginisialisasi dengan memanggil use kurangi dia atau menggunakannya menggunakannya dengan memanggil ID pengguna pengguna 73 00:05:49,410 --> 00:05:52,040 ID pengguna mengambil fungsi peredam kami. 74 00:05:52,050 --> 00:05:58,140 Jadi peredam bahan dalam kasus ini di sini dan pengguna ID pengguna juga mengambil argumen sekte opsional yang merupakan 75 00:05:58,140 --> 00:06:01,500 keadaan awal dan dalam kasus kami itu adalah array kosong. 76 00:06:01,530 --> 00:06:04,470 Jadi itulah yang akan dilewatkan sebagai bahan saat ini. 77 00:06:04,470 --> 00:06:09,210 Pertama kali mengurangi untuk menjalankan dan untuk menjalankan berikutnya bahan saat ini akan menjadi kondisi kita 78 00:06:09,210 --> 00:06:10,080 saat ini. 79 00:06:10,080 --> 00:06:14,500 Awalnya ini adalah array kosong dan menggunakan peredam seperti status digunakan mengembalikan sesuatu. 80 00:06:14,570 --> 00:06:19,920 Sesuatu meskipun merupakan array tetapi sekarang tidak dengan negara dan mengatur negara tetapi dengan negara. 81 00:06:19,920 --> 00:06:23,160 Jadi bahan pengguna kami. 82 00:06:23,160 --> 00:06:27,030 Jadi kami dapat mengomentari ini menggunakan negara yang disebut di sini bahan pengguna. 83 00:06:27,090 --> 00:06:31,470 Namun argumen kedua sekarang bukan metode untuk mengatur komposisi pengguna kami. 84 00:06:31,470 --> 00:06:34,440 Sebagai gantinya kami melakukan pengaturan di peredam kami. 85 00:06:34,620 --> 00:06:37,430 Sebaliknya itu adalah fungsi pengiriman. 86 00:06:37,500 --> 00:06:41,880 Ini masih sebuah fungsi yang dapat kita panggil dan Anda dapat melakukan apa saja yang Anda 87 00:06:41,880 --> 00:06:47,460 inginkan pengiriman nama hanya salah satu yang masuk akal karena itu adalah fungsi yang akan memanggil untuk mengirimkan tindakan ini nanti. 88 00:06:47,460 --> 00:06:54,380 Jadi di mana Anda mengirim objek aksi ini yang kemudian ditangani oleh peredam jadi saya akan sementara 89 00:06:54,650 --> 00:06:58,750 lagi masih mengimpor status penggunaan sehingga kode panah masih berfungsi. 90 00:06:58,790 --> 00:07:04,520 Tapi sekarang mari kita gunakan pengiriman di tempat-tempat yang 91 00:07:04,520 --> 00:07:10,640 sebelumnya kita sebut set pengguna karena kita tidak bisa menggunakan 92 00:07:10,640 --> 00:07:12,100 Dad lagi. 93 00:07:12,170 --> 00:07:16,850 Dan sekarang di sini Anda perlu mengirimkan tindakan tindakan apa pun bisa berupa string. 94 00:07:16,940 --> 00:07:22,910 Tapi biasanya itu adalah objek di sini, itu adalah objek di mana kita ingin memiliki properti 95 00:07:22,910 --> 00:07:28,700 jenis yang menggambarkan tindakan apa yang ingin kita lakukan dan kemudian mungkin tergantung pada tindakan yang 96 00:07:28,700 --> 00:07:38,080 kita jalankan beberapa data tambahan seperti untuk mengatur bahan-bahan kami bahwa properti di sini jadi di sini semua pengiriman objek dengan tipe tipe properti diatur 97 00:07:38,140 --> 00:07:39,150 di sini. 98 00:07:39,250 --> 00:07:44,150 Dan tentu saja ini harus menjadi salah satu pengidentifikasi yang Anda tangani untuk meredam. 99 00:07:44,310 --> 00:07:47,550 Jadi, inilah pengidentifikasi set dan set ini. 100 00:07:47,550 --> 00:07:51,430 Tindakan membutuhkan properti bahan untuk bekerja dengan benar. 101 00:07:51,450 --> 00:07:56,740 Jadi di sini saya menambahkan bahan dan mengatur sama dengan bahan yang disaring yang saya dapatkan. 102 00:07:56,930 --> 00:08:01,150 Dan dengan itu kami menggunakan pengiriman untuk memperbarui bahan-bahan pengguna kami. 103 00:08:01,150 --> 00:08:03,020 Tangan sekarang siap jika kita menyelamatkan kita ini akan berhasil. 104 00:08:03,030 --> 00:08:08,700 Tapi tentu saja kita sampai ke tempat kita di mana kita sebelumnya disebut mengatur 105 00:08:08,700 --> 00:08:15,570 bahan pengguna seperti di sini di mana kita menambahkan bahan kita sekarang bukannya mengirim pengiriman mengirimkan objek tindakan 106 00:08:15,600 --> 00:08:20,120 di mana jenisnya lagi itu pengidentifikasi yang kita gunakan dalam peredam. 107 00:08:20,220 --> 00:08:23,130 Dan di sana kami berharap untuk mendapatkan properti bahan. 108 00:08:23,130 --> 00:08:30,720 Jadi semua menambahkan bahan di sini bahan dibuat karena saya membangunnya di sini. 109 00:08:30,720 --> 00:08:37,700 Jadi itu objek dengan saya. D. dan dengan data bahan saya dapatkan di sini karena saya input ke fungsi ini. 110 00:08:37,780 --> 00:08:39,580 Jadi sekarang kami kirim ini. 111 00:08:39,690 --> 00:08:48,820 Dan akhirnya untuk menghapus alih-alih menjalankan kode ini kita semua sebagai tindakan pengiriman di mana mengetik adalah menghapus lagi karena kita memiliki tipe hapus di sana-sini 112 00:08:50,170 --> 00:08:56,200 saya berharap untuk mendapatkan I. D. bidang dalam objek aksi. 113 00:08:56,200 --> 00:09:00,700 Anda dapat memiliki beberapa bidang yang tidak selalu harus Anda ketik saja dan satu bidang lainnya Anda tidak dapat memiliki 114 00:09:00,700 --> 00:09:03,270 banyak bidang di sini seperti yang Anda inginkan di sini. 115 00:09:03,280 --> 00:09:07,280 Namun itu akan menjadi I. D. dan ayah hanya akan menjadi. 116 00:09:07,330 --> 00:09:13,180 Nah bahannya I. D. Saya tiba di sini saat saya input ke penangan bahan hapus saya. 117 00:09:13,180 --> 00:09:21,170 Jadi itu sekarang diteruskan dengan itu jika kita menyimpan karena ini berfungsi memuat data kami dan jika saya menambahkan 118 00:09:21,260 --> 00:09:31,010 misalnya apel yang berfungsi dan untuk menunjukkan bahwa menghapus semua pekerjaan saya akan memperbaiki kesalahan itu dalam menghapus permintaan HDP saya dengan menambahkan yang 119 00:09:31,010 --> 00:09:32,240 meminta lagi. 120 00:09:32,240 --> 00:09:38,770 Dan Jason dan sekarang jika klik katakanlah cokelat dihapus dan ia tetap pergi jika kita muat ulang. 121 00:09:39,080 --> 00:09:41,090 Jadi begitulah cara penggunaan kita bisa mengurangi penggunaannya.