Tutorial CRUD React ke REST API | React Query, Axios, Formik, Best Practices

[@voidfnc]

Sorry ya tutorialnya berantakan banget. Bikinnya cukup spontan dan ternyata nguras tenaga banget khususnya di akhir-akhir guys 🙇

[@z-tn5sk]

Bg untuk login register adakah videonya

[@voidfnc]

@@z-tn5sk Ada tapi dengan tech stack yang sedikit berbeda, tapi konsepnya sama. Monggo cek videoku yang paling lama

[@klikder]

Best practices rapih, terstruktur, bagus bgt asli 👍

[@FikriNurdiansyah-l3r]

Daging bangett iniii gilaaaa👍👍👍👍👍👍👍👍👍👍👍👍

[@djamaatul]

sebagai catetan sepuh.kebanyakan dev pake next itu karena fitur server side atau fullstack tech. jadi bisa gausah separate antara be/fe.dan tutorial ini hanya clientside only ,sama aja kaya react biasa.kalo karena hemat cost juga penting.
pemahaman kenapa pake try catch salah, itu karena axios ng throw error karena response code lebih dari 300, tapi ga ada ayng namkap ,jadi error runtime.
react itu ga bakal ngerender kalo false/ null, sedangkan short circuit itu dengan logika boolean, jadi kalo falsy tapi bukan false/null harus di ubah ke boolean biar ga nge render,bisa pake cara double not !!var
kalo component harusnya dipanggil layaknya Jsx Component.bukan dipanggil function renderProduct(),meski bisa.
di formik padahal ada yang namanya Form sama Field, itu malah masih pake baheula
better pake return kalo scope terlalu panjang.

[@voidfnc]

yoii makasih masukannya puh sepuh🙏🏻

[@mochammadzulfikar9425]

Hati2 attack speed nya bang beli armor dulu

[@farbiee]

thankyouu bg mantep bgt tutorial nya, sumpah penjelasan nya masuk banget di gua

[@adityarizki1845]

izin tandain abangkuh 36:21

[@MuhammadFaisal-xb5ec]

mantabb bg theo

[@ds_code]

sangat bermanfaat bang tutorialnya mantab

[@nurulcholis3955]

set value ke input dalam bentuk select (saat klik tombol edit) gimana ya bang

[@puturangga2024]

thanks tutornya bro auto subs 😼

[@yorulian]

tq tutornya bang, btw yang muncul error hydra hydra itu karena next js gasuka spinner didalam table. Spinnernya gw pindah atas langsung ilang errornya

[@dzakirz]

ggwp penjelasannya bang, jelas se jelas2 nya

[@aguud]

mantep lu bang

[@mallexibra]

Terimakasih bang👏

[@yannnisme]

makasi lord theo kelas nya, semoga cepet nikah sama kobo :v 😅

[@adekresnad7522]

combine redux + react query possible kah?

[@madiikhsannaashir6170]

bang update an terbaru next js ko banyak sekali perbedaannya khususnya dari segi folder. saya sendiri bingung yang saya ikuti tutorial ini bagaimana.

[@voidfnc]

iyaa ada update nextjs pake namanya "app router", dua2nya bagus kok, tapi yang pake "pages router" memang lebih stabil karena udah lama ada sedangkan "app router" masih baru

[@madiikhsannaashir6170]

jadi agar bisa pake yang pages router bagaimana kak, soalnya biar sesuai ikutin arahan pada tutor kka nya. saya coba cari bagaimana ke versi sebelumnya pada website next js nya tapi ga ada, atau mungkin saya nya yang baru belajar jadi kurang tau kak.
maaf sebelumnya kak@@voidfnc merepotkan.

[@hasannee]

​@@madiikhsannaashir6170 mungkin bisa di kasih versionnya bang, ketika waktu nginstal "npx create-next-app@(version)"

[@kureijimodou6552]

Bang saya mau nanya
Inti sebenernya dari api/rest api itu apa sih bang?
Soalnya saya nyoba bikin project pake python django ga ada bikin api api gitu bang
Saya bingung kenapa di js ketemu api api trus sebenernya tanpa api gitu apakah ngga bisa?

[@voidfnc]

Di video sebelum ini ada pembahasan tentang API/REST API di awal2, mungkin itu bisa bantu jelasin biar lebih lengkap.
Dan untuk python django itu sebenernya bikin API juga, tapi mungkin gak keliatan secara explicit. Kalo dilihat misalkan ada sebuah form yang ngirim sebuah action (POST, PATCH, DELETE, etc.) nah itu sebenernya manggil sebuah API yang kita udah bikin.

[@kureijimodou6552]

@@voidfnc ok bang saya liat nanti videonya
Trus kalo yg django itu apinya berati di form gitu apa gimana bang? Soalnya saya bikin form buat crud tapi saya gatau itu termasuk bikin api apa gimana

[@kureijimodou6552]

@@voidfnc atau emang apinya udah disediain django ya bang? Soalnya saya cuma bikin formnya doang ga ngerasa bikin api

[@xb_diandra301]

58:25

[@xb_diandra301]

1:49:50

[@tsarm___]

Apakah useSwr di next bisa ngelakuin hal yg sama dgn reactQuery jg bg?

[@voidfnc]

mau bilang sama juga enggak, tapi mirip. Since mereka sama2 library untuk data fetching

[@xafuu7286]

kak mau nanya kalo react query itu ga bisa ada useEffectt nya yah, saya kok pake react query ,, useEffect saya merah gitu kak@@voidfnc

[@mochammadzulfikar9425]

itu error nya di bagian table nya bang kyny pas bagian ini harus nya gini {Loading&&} di gua bener

[@itbelawan7276]

ini yg masuk di iklan coursenet...mantap

[@helpsleepingrelax3071]

Bang bahas best practice penggunaan react memo, usecallback dan usememo 🙏🏻

[@wafihafidzon2852]

bgg kenapa ya next yang ada di abang sama di aku ko beda :(

[@shalexander7438]

mungkin pas install project nya kali bang, jngan jangan pake app router bukan page router pas milih

[@fync7514]

coba dong bang bahas next dengan embel embel "use client" diatas source code nya. soalnya ini ketika sya coba pake next mau pake useEffect dan useState itu bukanya pake "use client" (next 13) coba ya bang bikin videonya nuhun.

[@voidfnc]

itu mungkin karena kamu pake app directory, ini tutorialnya pake pages directory, ada di docs nextjs hehe

[@akbarzaiem]

ijin tandain formik bang 1:56:30

[@jihan7501]

Thank u tutorialnya bang

[@xb_diandra301]

2:16:41

[@yudhistiraanom4690]

ijin tandain formik bang 1:56:30