Masih ngikutin terus Coder Media, karna pembelajarannya sangat cocok dgn yg ingin saya fokuskan MERN Stack! Always dengerin dari channel ini kang, BRAVO!!
Masya Allah, penjelasannya sangat bagus to the point, terima kasih untuk kontribusi coder media dalam mencerdaskan bangsa, semangat terus dalam berbagi ilmu semoga bisa cepat dapat 1 juta subscriber amin...!!!
tambahan kalo di nodemon runing disabled microsoft, buka powershell pilih run admin. Set-ExecutionPolicy -ExecutionPolicy RemoteSigned -Scope LocalMachine copas ini langsung enter aja dan teken Y
Pak bisa di kasih tau extension visual studio code yang di gunakan apa aja. Saya sudah pakai extension yang setelahnya bapak share untuk react js. Kok saya pas ngetik await user.find pada menit ke 10:36 setiap saya ketikkan tanda titik . Tidak muncul fungsi find otomatis. Kenapa ya? Trus kenapa pas saya eksekusi perintah request.rest pada menit ke 19.17 untuk menambahkan data. Rest client muncul error tidak terdapat header pada kondisi POST. Header apa yang di maksud dari error jenis ini ya? Padahal perintah untuk GETnya jalan lancar.
Saya sudah berhasil crud secara local, tetapi selalu bermasalah ketika connect online ke dalam database mongodbnya. Selalu errornya authoritas, padahal ip sudah dimasukkan kedalam datalist network untuk di setujui di mongodb. Masih proses dev di laptop local, ga tau klo di upload msh error terus apa engga, mungkin karena ip public internet provider yang sering random berubah beberapa menit sekali.
Bang mohon bantu jawab, ini kok saya data nya gak mau tampil ya padahal saya sudah mengambil data nya seperti ini const [users, setUser] = useState([]); useEffect(() => { getUsers(); }, []); const getUsers = async () => { const response = await axios.get("127.0.0.1:3000/users"); setUser(response.data); }; warrning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it's running React 17. Learn more: reactjs.org/link/switch-to-createroot to load resource: the server responded with a status of 404 (Not Found) caught (in promise) AxiosError muncul seperti ini di console saya, solusinya gimana ini pak?
Pada video ini saya menggunakan react versi 17. Jika menggunakan react versi 18, ubah file index.js menjadi seperti ini: import React from 'react'; import ReactDOM from 'react-dom/client'; import App from './App'; import "bulma/css/bulma.css"; const root = ReactDOM.createRoot(document.getElementById("root")); root.render(
saya sudah mengikuti seluruh tahapan ini bang, tapi masih ada error "WARNING in src\components\EditUser.js Line 11:12: 'id' is assigned a value but never used no-unused-vars" mohon arahannya
itu sudah jelas errornya, parameter 'id' tidak pernah digunakan. saya menggunakan parameter 'id' di ujung endpointnya. Perhatikan ${id} pada function getUserById() pada file EditUser.js
@@CoderMediax terima kasih, ternyata di endpointnya bukan menggunakan single quotes tapi saya kurang teliti seharusnya backsticks, makasih tutorialnya semoga barokah
@@fastachannel8503 bener ini, sering ngalamin juga suka keliru ngasih tanda kutip, mirip tanda kutip satu, ternyata backticks (biasanya tombol di sebelah angka 1 di keyboard)
kak mau tanya, kalo seandanya kita ingin invalid email dan hanya input satu email bisa ngak di crud nya itu, dan cara nya gimna..terima kasih bnyak kak
mas saya sudah berhasil buat CRUD nya yang di video ini, tapi kok ketika di akses via lan (akses ip lan) dia database dari mongoosenya gak mau ke display ya, ngisi dari lan (bukan dari pc localhostnya) juga gak mau ya
bang mau nanya dong, gua udh sama semua codingannya tapi ada permasalahan di folder frontend bagian component edituser.jsnya [eslint] '. Either include it or remove the dependency array react-hooks/exhaustive-deps Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src\components\EditUser.js Line 14:6: React Hook useEffect has a missing dependency: 'getUserById'. Either include it or remove the dependency array react-hooks/exhaustive-deps kayak gini masalahnya bang
Itu cuma warning, bukan error. Untuk menghilangkan warning tersebut ada dua cara: 1. Pastekan kode berikut di useEffectnya: // eslint-disable-next-line react-hooks/exhaustive-deps 2. Letakkan function getUserById di dalam useEffectnya sehingga menjadi seperti ini: useEffect(() => { const getUserById = async () => { const response = await axios.get(`localhost:5000/users/${id}`); setName(response.data.name); setEmail(response.data.email); setGender(response.data.gender); }; getUserById(); }, [id]); Note: Silahkan pilih salah satu dari 2 cara tersebut!
Untuk belum ada saya buatkan seperti itu. Tapi sebenarnya itu sederhana tinggal kita ref saja modelnya. Ini contohnya: mongoosejs.com/docs/populate.html Atau ada cara yang menurut saya lebih mudah yaitu menggunakan Prisma ORM.
bang mau tanya... jika id di mongoodb adalah primary key. bagaimana kalo kasusnya dalam table mahasiswa dimana ada NIM sebagai unique key, bagaimana implementasinya? Apakah id tetap ada, baru setelah itu NIM atau apakah id bisa dirubah menajadi NIM?
Tambahkan field NIM, _id tetap ada sebagai primary key. NIM bukan primary key tapi bernilai unique sama seperti email. value _id di generate otomatis oleh mongodb. Sedangkan NIM valuenya memiliki makna seperti 230700001 dimana 23 = tahun masuk 07 = kode prodi dan 00001 = Nomor urut.
Tergantung kebutuhan. Ini basic yang mungkin perlu di install: 1. Prettier => untuk merapikan kode secara otomatis 2. ES7 React/Redux/React-native-snippets => untuk mempermudah bermain dengan react components dan next.js 3. Tailwind IntelliSense => untuk mempermudah penulisan kode tailwind css 4. Rest Client => untuk menguji API
bang, gw kan pake MongoDB compass. nah itu harus di Connect dulu gak di aplikasinya? trus URL nya diubah juga ya ditambahin fullstack_db diujungnya? Soalnya gw nyoba tutorial abang pas connect ke databasenya gabisa, error gitu, udah uninstall ulang mongodb, nyari tutorial lain dll masih gabisa, ada tutorial khsuus untuk setting MongoDB gak bang
cukup install mongodb, dan gak perlu connect ke mongodb compass. Jika error kemungkinan mongodbnya tidak running, coba cek status mongodbnya di services!
izin bertanya, kenapa tombol delete punya saya gabisa langsung kehapus ya data nya, harus direfrresh terlebih dahulu baru kehapus. kode nya sama persis dengan yang ada divideo kak. mohon bantuannya
@@CoderMediax Terima kasih bang jawabannya. Berhubung hero bentar lagi kurang melayani untuk free user. Saat ini saya sudah deploy DB ke Atlas, Backend ke vercel (dengan github integration), kalau front end saya deploy ke github bisa ga ya bang?
bang tolong ini saya dapet dari : React Hook useEffect has a missing dependency: 'getUserById'. Either include it or remove the dependency array ini kenapa ya padahal udah ngikutin banget
@@seveninone2794 Itu bukan error melainkan warning ESlint. Paste kode berikut di useEffect untuk disable warningnya: // eslint-disable-next-line react-hooks/exhaustive-deps Tapi, di react versi terbaru saya tidak lagi menemukan warning seperti itu.
Bang kok punya ku gak bisa terhubung database mongodb nya, gimana cara aktivasi database mongodbnya? kalo mysql kan aktivasi nya lewat XAMPP, kalo mongodb gimana bang?
@@CoderMediax udah sih bang tapi pas di menit 7:35 kan ngecek database nya connect apa enggak, Tapi tulisan "Database Connected" nya gak ada, padahal udah install Mongodb nya versi yang terbaru, atau versi nya harus sama kayak yang di video?
@@CoderMediax 'mongo' is not recognized as an internal or external command, operable program or batch file. Gitu bang, berarti belum terinstall kah bang? Tapi saya udah install yang community server versi 6.0.3 terbaru, Windows, pake MSI
Itu artinya variable state user dan setUser telah di set, tapi tidak pernah digunakan. Sementara saya menggunakan setUsernya disini: const getUsers = async () => { const response = await axios.get("localhost:5000/users"); setUser(response.data); }; dan users-nya disini: {users.map((user, index) => (....)} selesaikan dulu kodenya!, jangan langsung panik jika melihat error seperti itu!
Masih ngikutin terus Coder Media, karna pembelajarannya sangat cocok dgn yg ingin saya fokuskan MERN Stack! Always dengerin dari channel ini kang, BRAVO!!
Terima kasih pak, sangat membatu bagi saya yang baru belajar MERN
Semangat terus bang ... Kebetulan saya juga lagi belajar MERN dan mau fokus belajar MERN .. tutorial nya sangat membantu ❤❤
sangat jelas dan runtut sekali step by stepnya mas, sukses selalu
Thank you bang!. Susah nyari project MERN yang emang sederhana kaya gini buat belajar doang
Masya Allah, penjelasannya sangat bagus to the point, terima kasih untuk kontribusi coder media dalam mencerdaskan bangsa, semangat terus dalam berbagi ilmu semoga bisa cepat dapat 1 juta subscriber amin...!!!
Amin
gila sih sangat mantap ini, bisa bisa nya baru tau setelah 2tahun lama nya
Mantap bang!! langsung paham sekali penjelasan, dan terasa mudah. semangat terus untuk berbagi ilmunya bang
Keren bang, banyak belajar lewat video ini.
Semangat terus bang
semangat terus untuk berbagi ilmunya bang, kalau konsisten saya yakin pasti channel ini akan lebih sukses lagi insyaAllah
Semangat bang, content react js, express, node js selalu saya tunggu
Bang terimakasih... 😄😄 next time bahas API...
mudah utk diikuti. terima kasih bang
keren.. need more video with real industry project.
Mantap gampang dimengerti pemula
makasih mas. keren sekali penjelasannya
terimakasih ananda semoga berkah ilmunya semangat
Amin, sama-sama mas.
terima kasih banyak gan, penjelasannya gampang dimengerti.
Terima kasih bang atas ilmunya dan sehat selalu
Thank you from France :)
You are welcome
Keren bang, makasih bagi-bagi ilmunya
Sama-sama
terimakasih atas ilmunya bg🙏🙏
sangat membantu
terimakasih mas atas tutorialnya 👍👍👍
terima kasih ilmunya bang ,,, saran nya bikin playlist react bang dari dasar sampai jadi satu aplikasi ,,
upload trs bang, konten yg bermanfaat.
Siap.
keep humble bang 🙌
Lanjut bang Ngontennya
Thanks a lot kang fikri
sukses selalu bang
Terima kasih kak membantu banget
sama-sama
wah terima kasih bang
Terimakasih kasih bang, penjelasan mantap bang
Kalo bisa coding nya jelas sama code nya bang, sisip sisip sedikit penjelasannya bang🙏🙏🙏🙏
makasih ilmunya bang
tambahan kalo di nodemon runing disabled microsoft, buka powershell pilih run admin. Set-ExecutionPolicy -ExecutionPolicy RemoteSigned -Scope LocalMachine copas ini langsung enter aja dan teken Y
makasih ilmunya mass
sama-sama mas
Lanjut pak bikin MERN lagi
Saran aja bang, klo install npm dikasih versi, sapa tau orang2 di tahun 2025 masih ngeliat ini, jadinya versinya sama - sama
mantapp
Pak minta tolong saya ga bisa comnet ke mongodb
Saaya udah install udah running juga mongo nya saya pake node versi terbaru 18.14.0
Mantap bang, request tambahin fitur JWT bang hehe
Jwt itu gunanya apa bang
Pake ekstensi Thunder Client buat test call API
juga enak di VSCode
pada menit 17:47, waktu pake method post kenapa datanya ga tersimpan di database ya? padahal keluar status success
keren bang😎😎😎😎👍👍
Mantap bang
5:50 useNewUrlParser & use unifiedTopology saya coba kok kaya engga kebaca yah?🤔
Thank you very much
You are welcome
wih mantap bang, tapi cara deploynya gimana bang
13:25 saya muncul 'ERR_MODULE-NOT-FOUND' saat import UserRoute dan saya coba make route default export di UserRoute.js, tetap ga bisa. kenapa ya?
jangan lupa tambahkan: "type": "module" pada file package.json !
@@CoderMediax uda tapi tetep gitu
@@whoisthe.l Mungkin ada pengaruh ke versi node.js nya.
saya menggunakan node v16.13.1
@@CoderMediax saya v16.16.0
@@whoisthe.l Coba download versi yang lain!
Pak bisa di kasih tau extension visual studio code yang di gunakan apa aja. Saya sudah pakai extension yang setelahnya bapak share untuk react js.
Kok saya pas ngetik await user.find pada menit ke 10:36 setiap saya ketikkan tanda titik . Tidak muncul fungsi find otomatis. Kenapa ya?
Trus kenapa pas saya eksekusi perintah request.rest pada menit ke 19.17 untuk menambahkan data. Rest client muncul error tidak terdapat header pada kondisi POST. Header apa yang di maksud dari error jenis ini ya?
Padahal perintah untuk GETnya jalan lancar.
sama bang jadi update sama delete nya gagal saat di send request
Saya sudah berhasil crud secara local, tetapi selalu bermasalah ketika connect online ke dalam database mongodbnya. Selalu errornya authoritas, padahal ip sudah dimasukkan kedalam datalist network untuk di setujui di mongodb. Masih proses dev di laptop local, ga tau klo di upload msh error terus apa engga, mungkin karena ip public internet provider yang sering random berubah beberapa menit sekali.
thanks
You're welcome!
love you bg
untuk express saat ini, utk buat modelnya gkperlu sperti itu lagi kan ? jadinya gini
name : String
Folder structurenya emang gitu ya bang?atau ada cara yg lebih baik lagi
Bang kalo axios nya uncaught in promise itu kenapa bang?
Bang mohon bantu jawab, ini kok saya data nya gak mau tampil ya padahal saya sudah mengambil data nya seperti ini
const [users, setUser] = useState([]);
useEffect(() => {
getUsers();
}, []);
const getUsers = async () => {
const response = await axios.get("127.0.0.1:3000/users");
setUser(response.data);
};
warrning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it's running React 17. Learn more: reactjs.org/link/switch-to-createroot
to load resource: the server responded with a status of 404 (Not Found)
caught (in promise) AxiosError
muncul seperti ini di console saya, solusinya gimana ini pak?
Pada video ini saya menggunakan react versi 17.
Jika menggunakan react versi 18, ubah file index.js menjadi seperti ini:
import React from 'react';
import ReactDOM from 'react-dom/client';
import App from './App';
import "bulma/css/bulma.css";
const root = ReactDOM.createRoot(document.getElementById("root"));
root.render(
);
Buatin video jwt token nya dong mas, versi mongodb express nodejs
ini video JWT tapi pake mysql:
ua-cam.com/video/Ll_71n60vAM/v-deo.html
jika mau pake mongodb tinggal sesuaikan aja!
Logikanya sama.
pak kalo _id nya diparser ke number apakah bisa
saya sudah mengikuti seluruh tahapan ini bang, tapi masih ada error "WARNING in src\components\EditUser.js
Line 11:12: 'id' is assigned a value but never used no-unused-vars"
mohon arahannya
itu sudah jelas errornya, parameter 'id' tidak pernah digunakan.
saya menggunakan parameter 'id' di ujung endpointnya.
Perhatikan ${id} pada function getUserById() pada file EditUser.js
@@CoderMediax terima kasih, ternyata di endpointnya bukan menggunakan single quotes tapi saya kurang teliti seharusnya backsticks, makasih tutorialnya semoga barokah
@@fastachannel8503 sama-sama
@@fastachannel8503 bener ini, sering ngalamin juga suka keliru ngasih tanda kutip, mirip tanda kutip satu, ternyata backticks (biasanya tombol di sebelah angka 1 di keyboard)
kak mau tanya, kalo seandanya kita ingin invalid email dan hanya input satu email bisa ngak di crud nya itu, dan cara nya gimna..terima kasih bnyak kak
node.js nya pakai versi berapa ini bang..?
Bang, mau nanya kalau hostingnya gimana ya ?
bang ijin bertanya kenapa saya kena cors, di bagian method "patch" nya yaa? untuk method lainnya aman aman aja Terima kasih
coba tambahkan opsi seperti ini pada cors()
app.use(cors({
"origin": "*",
"methods": "GET,HEAD,PUT,PATCH,POST,DELETE",
"preflightContinue": false,
"optionsSuccessStatus": 204
}))
klo js sama php kaya laravel gitu bedanya gimana ya gan ?,
mas saya sudah berhasil buat CRUD nya yang di video ini, tapi kok ketika di akses via lan (akses ip lan) dia database dari mongoosenya gak mau ke display ya, ngisi dari lan (bukan dari pc localhostnya) juga gak mau ya
bang mau nanya dong, gua udh sama semua codingannya tapi ada permasalahan di folder frontend bagian component edituser.jsnya
[eslint]
'. Either include it or remove the dependency array react-hooks/exhaustive-deps
Search for the keywords to learn more about each warning.
To ignore, add // eslint-disable-next-line to the line before.
WARNING in [eslint]
src\components\EditUser.js
Line 14:6: React Hook useEffect has a missing dependency: 'getUserById'. Either include it or remove the dependency array react-hooks/exhaustive-deps
kayak gini masalahnya bang
Itu cuma warning, bukan error.
Untuk menghilangkan warning tersebut ada dua cara:
1. Pastekan kode berikut di useEffectnya:
// eslint-disable-next-line react-hooks/exhaustive-deps
2. Letakkan function getUserById di dalam useEffectnya sehingga menjadi seperti ini:
useEffect(() => {
const getUserById = async () => {
const response = await axios.get(`localhost:5000/users/${id}`);
setName(response.data.name);
setEmail(response.data.email);
setGender(response.data.gender);
};
getUserById();
}, [id]);
Note: Silahkan pilih salah satu dari 2 cara tersebut!
Bang klo misalnya ada 2 model yang saling relasi utk crud-nya seperti apa ya? atau sudah ada pembahasan di video lainnya kah bang? terima kasih.
Untuk belum ada saya buatkan seperti itu.
Tapi sebenarnya itu sederhana tinggal kita ref saja modelnya.
Ini contohnya: mongoosejs.com/docs/populate.html
Atau ada cara yang menurut saya lebih mudah yaitu menggunakan Prisma ORM.
bang mau tanya... jika id di mongoodb adalah primary key. bagaimana kalo kasusnya dalam table mahasiswa dimana ada NIM sebagai unique key, bagaimana implementasinya? Apakah id tetap ada, baru setelah itu NIM atau apakah id bisa dirubah menajadi NIM?
Tambahkan field NIM, _id tetap ada sebagai primary key.
NIM bukan primary key tapi bernilai unique sama seperti email.
value _id di generate otomatis oleh mongodb. Sedangkan NIM valuenya memiliki makna seperti 230700001 dimana 23 = tahun masuk 07 = kode prodi dan 00001 = Nomor urut.
Demo = 00:00
DBase = 00:53
FrEnd = 24:25
Test = 43:55
Bang saya pemula, extension vscode nya apa aja ya yg diperlukan? Biar langsung diinstal apa yg perlu
Tergantung kebutuhan.
Ini basic yang mungkin perlu di install:
1. Prettier => untuk merapikan kode secara otomatis
2. ES7 React/Redux/React-native-snippets => untuk mempermudah bermain dengan react components dan next.js
3. Tailwind IntelliSense => untuk mempermudah penulisan kode tailwind css
4. Rest Client => untuk menguji API
bang, gw kan pake MongoDB compass. nah itu harus di Connect dulu gak di aplikasinya? trus URL nya diubah juga ya ditambahin fullstack_db diujungnya?
Soalnya gw nyoba tutorial abang pas connect ke databasenya gabisa, error gitu, udah uninstall ulang mongodb, nyari tutorial lain dll masih gabisa, ada tutorial khsuus untuk setting MongoDB gak bang
cukup install mongodb, dan gak perlu connect ke mongodb compass.
Jika error kemungkinan mongodbnya tidak running, coba cek status mongodbnya di services!
@@CoderMediax ngecek statusnya pake command "sc query MongoDB" kan mas?
udah dicoba, hasilnya gini:
SERVICE_NAME: MongoDB
TYPE : 10 WIN32_OWN_PROCESS
STATE : 4 RUNNING
(STOPPABLE, NOT_PAUSABLE, ACCEPTS_PRESHUTDOWN)
WIN32_EXIT_CODE : 0 (0x0)
SERVICE_EXIT_CODE : 0 (0x0)
CHECKPOINT : 0x0
WAIT_HINT : 0x0
itu artinya dah jalan kan mas?
@@CoderMediax errornya seperti ini mas
Connection error: MongoServerSelectionError: connect ECONNREFUSED ::1:27017
at Timeout._onTimeout (C:\Users\User\Documents
eact\belajar-crud\Backend
ode_modules\mongodb\lib\sdam\topology.js:278:38)
at listOnTimeout (node:internal/timers:569:17)
at process.processTimers (node:internal/timers:512:7) {
reason: TopologyDescription {
type: 'Unknown',
servers: Map(1) { 'localhost:27017' => [ServerDescription] },
stale: false,
compatible: true,
heartbeatFrequencyMS: 10000,
localThresholdMS: 15,
setName: null,
maxElectionId: null,
maxSetVersion: null,
commonWireVersion: 0,
logicalSessionTimeoutMinutes: null
},
code: undefined,
[Symbol(errorLabels)]: Set(0) {}
}
C:\Users\User\Documents
eact\belajar-crud\Backend
ode_modules\mongoose\lib\connection.js:791
err = new ServerSelectionError();
^
MongooseServerSelectionError: connect ECONNREFUSED ::1:27017
at _handleConnectionErrors (C:\Users\User\Documents
eact\belajar-crud\Backend
ode_modules\mongoose\lib\connection.js:791:11)
at NativeConnection.openUri (C:\Users\User\Documents
eact\belajar-crud\Backend
ode_modules\mongoose\lib\connection.js:766:11)
at runNextTicks (node:internal/process/task_queues:60:5)
at listOnTimeout (node:internal/timers:538:9)
at process.processTimers (node:internal/timers:512:7) {
reason: TopologyDescription {
type: 'Unknown',
servers: Map(1) {
'localhost:27017' => ServerDescription {
address: 'localhost:27017',
type: 'Unknown',
hosts: [],
passives: [],
arbiters: [],
tags: {},
minWireVersion: 0,
maxWireVersion: 0,
roundTripTime: -1,
lastUpdateTime: 88004623,
lastWriteDate: 0,
error: MongoNetworkError: connect ECONNREFUSED ::1:27017
at connectionFailureError (C:\Users\User\Documents
eact\belajar-crud\Backend
ode_modules\mongodb\lib\cmap\connect.js:370:20)
at Socket. (C:\Users\User\Documents
eact\belajar-crud\Backend
ode_modules\mongodb\lib\cmap\connect.js:293:22)
at Object.onceWrapper (node:events:628:26)
at Socket.emit (node:events:513:28)
at emitErrorNT (node:internal/streams/destroy:151:8)
at emitErrorCloseNT (node:internal/streams/destroy:116:3)
at process.processTicksAndRejections (node:internal/process/task_queues:82:21) {
cause: Error: connect ECONNREFUSED ::1:27017
at TCPConnectWrap.afterConnect [as oncomplete] (node:net:1494:16) {
errno: -4078,
code: 'ECONNREFUSED',
syscall: 'connect',
address: '::1',
port: 27017
},
[Symbol(errorLabels)]: Set(1) { 'ResetPool' }
},
topologyVersion: null,
setName: null,
setVersion: null,
electionId: null,
logicalSessionTimeoutMinutes: null,
primary: null,
me: null,
'$clusterTime': null
}
},
stale: false,
compatible: true,
heartbeatFrequencyMS: 10000,
localThresholdMS: 15,
setName: null,
maxElectionId: null,
maxSetVersion: null,
commonWireVersion: 0,
logicalSessionTimeoutMinutes: null
},
code: undefined
}
Node.js v18.16.0
[nodemon] app crashed - waiting for file changes before starting...
sama nih bang,udah solve gak?
kalo pake postman bedanya apa yanh min?
Tolong bikin yg CRUD ditambah fitur login juga bang yg pake JWT
izin bertanya, kenapa tombol delete punya saya gabisa langsung kehapus ya data nya, harus direfrresh terlebih dahulu baru kehapus. kode nya sama persis dengan yang ada divideo kak. mohon bantuannya
Udah ditambah getUser dibawah axios.delete?
Penyelamat 😭😭🙏🙏
Bang, kalau deploy nya bagaimana antara backend, frontend, database?
Bisa di deploy di hero!
Untuk database mongodb, bisa gunakan mongodb atlas.
Tinggal ganti koneksi string-nya aja!
@@CoderMediax Terima kasih bang jawabannya. Berhubung hero bentar lagi kurang melayani untuk free user. Saat ini saya sudah deploy DB ke Atlas, Backend ke vercel (dengan github integration), kalau front end saya deploy ke github bisa ga ya bang?
@@soegaraedy bisa, ke share hosting juga bisa.
Bang, kok punya saya pas request POST muncul error 404 ya? Tapi request GET nya berhasil. Function saveUser-nya padahal udah sama.
itu artinya endpointnya salah, coba cek lagi!
bang tolong ini saya dapet dari : React Hook useEffect has a missing dependency: 'getUserById'. Either include it
or remove the dependency array ini kenapa ya padahal udah ngikutin banget
56:20
@@seveninone2794 Itu bukan error melainkan warning ESlint.
Paste kode berikut di useEffect untuk disable warningnya:
// eslint-disable-next-line react-hooks/exhaustive-deps
Tapi, di react versi terbaru saya tidak lagi menemukan warning seperti itu.
@@CoderMediax makasih kak
@@CoderMediax 1 lagi kak kalau navigatenya ga work gara2 apa ya?
@@seveninone2794 gunakan react-router-dom v6+
kalo di deploy yang perlu diganti apa aja bang?
untuk database gunakan mongodb atlas dan ganti koneksi stringnya dengan url dari mongodb atlas di file index.js, kemudian deploy projectnya ke vercel!
@@CoderMediax kalo untuk bagian frontend yang axios, urlnya perlu diganti atau tetap localhost bang?
@@ifajaarrr ganti dengan url domain!
Bang kok punya ku gak bisa terhubung database mongodb nya, gimana cara aktivasi database mongodbnya? kalo mysql kan aktivasi nya lewat XAMPP, kalo mongodb gimana bang?
udah di install monggodb nya?
@@CoderMediax udah sih bang tapi pas di menit 7:35 kan ngecek database nya connect apa enggak, Tapi tulisan "Database Connected" nya gak ada, padahal udah install Mongodb nya versi yang terbaru, atau versi nya harus sama kayak yang di video?
@@CoderMediax Atau pas install Mongodb harus ada yang di setting setting bang? Saya sih cuman next next saja pas install nya
@@rayedisonsihombing coba buka cmd kemudian ketikkan perintah:
mongo
@@CoderMediax 'mongo' is not recognized as an internal or external command,
operable program or batch file. Gitu bang, berarti belum terinstall kah bang? Tapi saya udah install yang community server versi 6.0.3 terbaru, Windows, pake MSI
Apa ini bisa di hosting bang? Buat portofolio gitu
Tentu saja, bisa pake VPS hosting
@@CoderMediax Kalo di Heroku/vercel bisa gak bang
@@adityafitriansyah97 bisa
@@CoderMediax ok bang. Semangat bikin videonya bang, saya dukung kamu😁
kalo pake mongodb atlas apakah sama pak?
sama, cuma beda string koneksinya saja.
Mas udah node index saja tapi module not found ya???
apakah udah masuk ke dalam folder backend pada terminal?
@@CoderMediax sudah
Tolong dijawab mas.
{
"message": "Aw validation failed: julukan: Path `julukan` is required., umur: Path `umur` is required., nama: Path `nama` is required."
}
Mungkin diisi dulu db nya...
@@aliygan2310 bukan, ternyata penyebabnya gara-gara express.use(express.json())nya di taruh di bawahnya express.use(router)
Ternyata js eksekusi skripnya dari baris paling atas
Mas kalo nodemon index nya gak ke baca gimana ya
pake perintah: node index saja!
@@CoderMediax not found module mas
Pada menit 4:12 terjadi app crashed waiting for file
Please make video in English language
'users' is assigned a value but never used no-unused-vars
'setUser' is assigned a value but never used no-unused-vars
kenapa itu kak ?
Itu artinya variable state user dan setUser telah di set, tapi tidak pernah digunakan.
Sementara saya menggunakan setUsernya disini:
const getUsers = async () => {
const response = await axios.get("localhost:5000/users");
setUser(response.data);
};
dan users-nya disini:
{users.map((user, index) => (....)}
selesaikan dulu kodenya!, jangan langsung panik jika melihat error seperti itu!
untuk patch
cannot path /users/blablbalablablala
Itu karena idnya tidak ada, gunakan id yang sudah ada!
What the hell language are you taking bro
Jangan lupa, udah dapat ilmu dari @CoderMedia support dengan subscribe, like and share
13:10
code: 'ERR_MODULE_NOT_FOUND'
sudah type: module di package.json juga
jika sudah menggunakan ES6 syntax, maka jangan di campur dengan commonjs module.
Jangan gunakan require() atau module.exports
@@CoderMediax sudah bang, kodingannya mirip banget sama yang ente pake, apa mungkin ada update dari express atau nodenya? versi node ente brp
@@mwf181 saya pake node v16.13.1
npm v8.1.2
@@mwf181 sudah solve mas?
@@ibrahasansuraya1639 belum