Atom Terbitan dan Atom Tak Segerak

Cipta atom terbitan dengan menghantar fungsi pengambil: const doubleAtom = atom(get => get(countAtom) * 2). Atom ini tidak mempunyai nilai tersimpan; ia mengira semula setiap kali countAtom berubah.

Atom terbitan sentiasa dikemas kini tanpa sebarang penyegerakan manual. Atom ini ialah padanan Jotai bagi sifat terhitung.

Jotai menjejaki atom yang dicapai di dalam fungsi pengambil dan menilai semula atom terbitan secara automatik apabila mana-mana atom tersebut berubah. Anda tidak perlu mengisytiharkan kebergantungan secara jelas.

Jika pengambil memanggil get(atomA) dan get(atomB), atom terbitan akan dikemas kini setiap kali atomA atau atomB berubah.

Atom terbitan boleh ditulis mempunyai pengambil dan penetap: atom(get => get(baseAtom).toUpperCase(), (get, set, newValue) => set(baseAtom, newValue.toLowerCase())). Pembacaan memberikan nilai yang diubah; penulisan mengubah nilai dan menyimpannya semula.

Pola ini melaksanakan transformasi data dua hala tanpa mendedahkan atom asas secara langsung.

Fungsi pengambil boleh menjadi tak segerak: const userAtom = atom(async get => { const id = get(userIdAtom); return await fetchUser(id); }). Jotai menerima Promise daripada pengambil atom secara asli.

Apabila userIdAtom berubah, Jotai menjalankan semula pengambil tak segerak secara automatik dan komponen yang menggunakannya ditangguhkan semasa pengambilan data.

Atom tak segerak disepadukan dengan lancar bersama React Suspense. Balut komponen yang menggunakannya dalam sempadan Suspense dengan nilai sandaran. Komponen ditangguhkan sementara Promise belum selesai dan dipaparkan apabila Promise itu selesai.

Hal ini menghapuskan keperluan mengurus keadaan pemuatan secara manual dalam komponen: tiada penanda isLoading dan tiada useEffect untuk mengambil data.

Import loadable daripada jotai/utils. Balut atom tak segerak: const loadableUserAtom = loadable(userAtom). Komponen yang membaca loadableUserAtom menerima {state: 'loading'}, {state: 'hasData', data: user}, atau {state: 'hasError', error} tanpa ditangguhkan.

Gunakan loadable apabila anda perlu memaparkan keadaan pemuatan tersuai sebaris, bukannya bergantung pada sempadan Suspense.

Utiliti atomWithReset daripada jotai/utils mencipta atom yang boleh ditetapkan semula kepada nilai awalnya menggunakan simbol RESET. Cara ini lebih kemas daripada menjejaki dan menggunakan semula nilai awal secara manual.

Dalam borang, tetapkan semula semua atom medan ketika penghantaran atau pembatalan dengan memanggil setiap penetap bersama RESET dalam satu pengendali.

Atom terbitan boleh membaca daripada beberapa atom lain: const summaryAtom = atom(get => ({ user: get(userAtom), settings: get(settingsAtom), count: get(countAtom) })). Ini mencipta satu rujukan stabil yang dikemas kini apabila mana-mana kebergantungan berubah.

Komponen yang hanya memerlukan ringkasan boleh melanggan summaryAtom, bukannya ketiga-tiga atom individu.

Atom terbitan boleh membaca atom yang berbeza secara bersyarat: const activeDataAtom = atom(get => get(modeAtom) === 'A' ? get(dataAAtom) : get(dataBAtom)). Apabila modeAtom bertukar, atom terbitan menukar sumber datanya secara automatik.

Jotai melanggan semula atom yang betul pada setiap penilaian, bagi memastikan tiada data lapuk daripada cabang yang tidak aktif.

Jika pengambil atom tak segerak melontarkan ralat atau menolak janji, ralat itu disebarkan kepada sempadan ralat React yang terdekat apabila digunakan bersama Suspense. Dengan loadable, ralat muncul dalam medan state.error untuk dikendalikan sebaris.

Sentiasa gabungkan atom tak segerak dengan sama ada ErrorBoundary atau pembalut loadable dalam kod produksi.

Atom terbitan menyimpan hasil terakhirnya dalam cache. Jika semua atom kebergantungan mengembalikan nilai yang sama seperti penilaian sebelumnya, atom terbitan mengembalikan rujukan yang sama dan tiada paparan semula hiliran berlaku.

Untuk terbitan yang mahal seperti transformasi tatasusunan besar, penyimpanan dalam cache ini memberikan manfaat prestasi yang ketara tanpa sebarang konfigurasi tambahan.

Atom terbitan mengira nilai daripada atom lain menggunakan fungsi pengambil dengan penjejakan kebergantungan automatik. Atom tak segerak menggunakan pengambil tak segerak dan disepadukan dengan React Suspense secara lalai; gunakan loadable daripada jotai/utils untuk memilih keluar dan mengendalikan keadaan pemuatan atau ralat sebaris.

Atom terbitan boleh ditulis membolehkan transformasi dua hala, manakala atom bersyarat menukar sumber data secara dinamik berdasarkan nilai atom lain.