CRUD Tutorial using Node JS, Express, React JS, MongoDB (MERN Stack)

Поділитися
Вставка
  • Опубліковано 24 гру 2024

КОМЕНТАРІ • 169

  • @iapptechid
    @iapptechid 2 роки тому +2

    Masih ngikutin terus Coder Media, karna pembelajarannya sangat cocok dgn yg ingin saya fokuskan MERN Stack! Always dengerin dari channel ini kang, BRAVO!!

  • @hwchannel6839
    @hwchannel6839 6 місяців тому

    Terima kasih pak, sangat membatu bagi saya yang baru belajar MERN

  • @sahrulmaulana666
    @sahrulmaulana666 Рік тому

    Semangat terus bang ... Kebetulan saya juga lagi belajar MERN dan mau fokus belajar MERN .. tutorial nya sangat membantu ❤❤

  • @danihaikal9292
    @danihaikal9292 2 роки тому +1

    sangat jelas dan runtut sekali step by stepnya mas, sukses selalu

  • @iqronegoro1538
    @iqronegoro1538 2 роки тому +1

    Thank you bang!. Susah nyari project MERN yang emang sederhana kaya gini buat belajar doang

  • @penguincoding1353
    @penguincoding1353 2 роки тому +1

    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...!!!

  • @BukanPakRW
    @BukanPakRW 5 місяців тому

    gila sih sangat mantap ini, bisa bisa nya baru tau setelah 2tahun lama nya

  • @firdanrizaldin9143
    @firdanrizaldin9143 2 роки тому

    Mantap bang!! langsung paham sekali penjelasan, dan terasa mudah. semangat terus untuk berbagi ilmunya bang

  • @farendivaz
    @farendivaz 2 роки тому

    Keren bang, banyak belajar lewat video ini.
    Semangat terus bang

  • @banktools90
    @banktools90 2 роки тому +1

    semangat terus untuk berbagi ilmunya bang, kalau konsisten saya yakin pasti channel ini akan lebih sukses lagi insyaAllah

  • @suparyawan
    @suparyawan 2 роки тому

    Semangat bang, content react js, express, node js selalu saya tunggu

  • @rizalahmadsyarif9191
    @rizalahmadsyarif9191 2 роки тому +1

    Bang terimakasih... 😄😄 next time bahas API...

  • @TheTopenghitam
    @TheTopenghitam Рік тому

    mudah utk diikuti. terima kasih bang

  • @andriyabu
    @andriyabu Рік тому

    keren.. need more video with real industry project.

  • @yeheskhielpr4789
    @yeheskhielpr4789 2 роки тому

    Mantap gampang dimengerti pemula

  • @zakariyafebriansah4347
    @zakariyafebriansah4347 Рік тому

    makasih mas. keren sekali penjelasannya

  • @laminsurahman2762
    @laminsurahman2762 2 роки тому

    terimakasih ananda semoga berkah ilmunya semangat

  • @rickyaditb
    @rickyaditb 2 роки тому

    terima kasih banyak gan, penjelasannya gampang dimengerti.

  • @nandopookey9195
    @nandopookey9195 2 роки тому

    Terima kasih bang atas ilmunya dan sehat selalu

  • @faouzidev4180
    @faouzidev4180 2 роки тому

    Thank you from France :)

  • @muchrizkimubarok5499
    @muchrizkimubarok5499 2 роки тому

    Keren bang, makasih bagi-bagi ilmunya

  • @fauzansaliim
    @fauzansaliim 2 роки тому

    terimakasih atas ilmunya bg🙏🙏
    sangat membantu

  • @sohibulkhahfi6177
    @sohibulkhahfi6177 Рік тому

    terimakasih mas atas tutorialnya 👍👍👍

  • @ujangpudin2004
    @ujangpudin2004 2 роки тому

    terima kasih ilmunya bang ,,, saran nya bikin playlist react bang dari dasar sampai jadi satu aplikasi ,,

  • @gianthog8346
    @gianthog8346 2 роки тому

    upload trs bang, konten yg bermanfaat.

  • @-_MohammadHoiruttamim-xx1fj
    @-_MohammadHoiruttamim-xx1fj 2 роки тому

    keep humble bang 🙌

  • @shortvid9673
    @shortvid9673 2 роки тому

    Lanjut bang Ngontennya

  • @herdianafrody9525
    @herdianafrody9525 Рік тому

    Thanks a lot kang fikri

  • @JabalNur-cc7oy
    @JabalNur-cc7oy 16 днів тому

    sukses selalu bang

  • @lutfirahman2032
    @lutfirahman2032 2 роки тому

    Terima kasih kak membantu banget

  • @johanesalberto6136
    @johanesalberto6136 Рік тому

    wah terima kasih bang

  • @osymobil
    @osymobil 2 роки тому

    Terimakasih kasih bang, penjelasan mantap bang
    Kalo bisa coding nya jelas sama code nya bang, sisip sisip sedikit penjelasannya bang🙏🙏🙏🙏

  • @TheOwl-zg6si
    @TheOwl-zg6si 2 роки тому

    makasih ilmunya bang

  • @aryadewanto9505
    @aryadewanto9505 Рік тому

    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

  • @guramezuku2294
    @guramezuku2294 2 роки тому

    makasih ilmunya mass

  • @nisfu4553
    @nisfu4553 2 роки тому

    Lanjut pak bikin MERN lagi

  • @luthfiroma3665
    @luthfiroma3665 2 роки тому

    Saran aja bang, klo install npm dikasih versi, sapa tau orang2 di tahun 2025 masih ngeliat ini, jadinya versinya sama - sama

  • @glennhakim8612
    @glennhakim8612 11 місяців тому

    mantapp

  • @alimassidik3541
    @alimassidik3541 Рік тому +1

    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

  • @haris00mubaroq
    @haris00mubaroq 2 роки тому

    Mantap bang, request tambahin fitur JWT bang hehe

    • @oncayt8831
      @oncayt8831 2 роки тому

      Jwt itu gunanya apa bang

  • @haris00mubaroq
    @haris00mubaroq 2 роки тому

    Pake ekstensi Thunder Client buat test call API
    juga enak di VSCode

  • @puturangga2024
    @puturangga2024 Рік тому

    pada menit 17:47, waktu pake method post kenapa datanya ga tersimpan di database ya? padahal keluar status success

  • @mzoioi8042
    @mzoioi8042 2 роки тому

    keren bang😎😎😎😎👍👍

  • @hafidnurfirmansyah2839
    @hafidnurfirmansyah2839 2 роки тому

    Mantap bang

  • @mirzaws1488
    @mirzaws1488 Рік тому

    5:50 useNewUrlParser & use unifiedTopology saya coba kok kaya engga kebaca yah?🤔

  • @noco2605
    @noco2605 2 роки тому

    Thank you very much

  • @fync7514
    @fync7514 Рік тому

    wih mantap bang, tapi cara deploynya gimana bang

  • @naufalabdussyakur8046
    @naufalabdussyakur8046 2 роки тому +1

    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?

    • @CoderMediax
      @CoderMediax  2 роки тому +1

      jangan lupa tambahkan: "type": "module" pada file package.json !

    • @whoisthe.l
      @whoisthe.l 2 роки тому

      @@CoderMediax uda tapi tetep gitu

    • @CoderMediax
      @CoderMediax  2 роки тому

      @@whoisthe.l Mungkin ada pengaruh ke versi node.js nya.
      saya menggunakan node v16.13.1

    • @whoisthe.l
      @whoisthe.l 2 роки тому

      @@CoderMediax saya v16.16.0

    • @CoderMediax
      @CoderMediax  2 роки тому

      @@whoisthe.l Coba download versi yang lain!

  • @NyomanSuryasa
    @NyomanSuryasa 4 місяці тому

    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.

    • @egasurya2767
      @egasurya2767 3 місяці тому

      sama bang jadi update sama delete nya gagal saat di send request

    • @NyomanSuryasa
      @NyomanSuryasa 3 місяці тому

      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.

  • @PenikmatTeknologi
    @PenikmatTeknologi Рік тому

    thanks

  • @afuza65
    @afuza65 Рік тому

    love you bg

  • @jeremiasibarani5296
    @jeremiasibarani5296 10 місяців тому

    untuk express saat ini, utk buat modelnya gkperlu sperti itu lagi kan ? jadinya gini
    name : String

  • @jamalxd5647
    @jamalxd5647 Рік тому

    Folder structurenya emang gitu ya bang?atau ada cara yg lebih baik lagi

  • @satrya9375
    @satrya9375 Рік тому

    Bang kalo axios nya uncaught in promise itu kenapa bang?

  • @muhammadrizqi7663
    @muhammadrizqi7663 Рік тому +2

    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?

    • @CoderMediax
      @CoderMediax  Рік тому +1

      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(

      );

  • @reyhanrenaldi8352
    @reyhanrenaldi8352 2 роки тому

    Buatin video jwt token nya dong mas, versi mongodb express nodejs

    • @CoderMediax
      @CoderMediax  2 роки тому

      ini video JWT tapi pake mysql:
      ua-cam.com/video/Ll_71n60vAM/v-deo.html
      jika mau pake mongodb tinggal sesuaikan aja!
      Logikanya sama.

  • @feryfeler
    @feryfeler 5 місяців тому

    pak kalo _id nya diparser ke number apakah bisa

  • @arilgood2344
    @arilgood2344 2 роки тому

    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

    • @CoderMediax
      @CoderMediax  2 роки тому +1

      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

    • @fastachannel8503
      @fastachannel8503 2 роки тому +1

      @@CoderMediax terima kasih, ternyata di endpointnya bukan menggunakan single quotes tapi saya kurang teliti seharusnya backsticks, makasih tutorialnya semoga barokah

    • @CoderMediax
      @CoderMediax  2 роки тому

      @@fastachannel8503 sama-sama

    • @soegaraedy
      @soegaraedy 2 роки тому

      @@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)

  • @SanchoDedeusmaia
    @SanchoDedeusmaia 5 місяців тому

    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

  • @ALVINRACHMADANIILMAWAN
    @ALVINRACHMADANIILMAWAN 8 днів тому

    node.js nya pakai versi berapa ini bang..?

  • @johanesalberto6136
    @johanesalberto6136 Рік тому

    Bang, mau nanya kalau hostingnya gimana ya ?

  • @panjiafridio
    @panjiafridio Рік тому

    bang ijin bertanya kenapa saya kena cors, di bagian method "patch" nya yaa? untuk method lainnya aman aman aja Terima kasih

    • @CoderMediax
      @CoderMediax  Рік тому

      coba tambahkan opsi seperti ini pada cors()
      app.use(cors({
      "origin": "*",
      "methods": "GET,HEAD,PUT,PATCH,POST,DELETE",
      "preflightContinue": false,
      "optionsSuccessStatus": 204
      }))

  • @tothebone4613
    @tothebone4613 2 роки тому

    klo js sama php kaya laravel gitu bedanya gimana ya gan ?,

  • @mkttkm8588
    @mkttkm8588 2 роки тому

    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

  • @nicholasali6794
    @nicholasali6794 2 роки тому +1

    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

    • @CoderMediax
      @CoderMediax  2 роки тому +2

      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!

  • @mawardyansyahrachman7651
    @mawardyansyahrachman7651 Рік тому

    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.

    • @CoderMediax
      @CoderMediax  Рік тому

      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.

  • @ammartyazien
    @ammartyazien Рік тому

    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?

    • @CoderMediax
      @CoderMediax  Рік тому

      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.

  • @Gendon-
    @Gendon- 2 роки тому

    Demo = 00:00
    DBase = 00:53
    FrEnd = 24:25
    Test = 43:55

  • @ramarahmatulloh3359
    @ramarahmatulloh3359 2 роки тому

    Bang saya pemula, extension vscode nya apa aja ya yg diperlukan? Biar langsung diinstal apa yg perlu

    • @CoderMediax
      @CoderMediax  2 роки тому

      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

  • @malana9569
    @malana9569 Рік тому

    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

    • @CoderMediax
      @CoderMediax  Рік тому

      cukup install mongodb, dan gak perlu connect ke mongodb compass.
      Jika error kemungkinan mongodbnya tidak running, coba cek status mongodbnya di services!

    • @malana9569
      @malana9569 Рік тому

      @@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?

    • @malana9569
      @malana9569 Рік тому

      @@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...

    • @adefaturahman7386
      @adefaturahman7386 Рік тому

      sama nih bang,udah solve gak?

  • @aduduww1830
    @aduduww1830 2 роки тому

    kalo pake postman bedanya apa yanh min?

  • @dikia2051
    @dikia2051 2 роки тому

    Tolong bikin yg CRUD ditambah fitur login juga bang yg pake JWT

  • @noviaamarsheilaa5344
    @noviaamarsheilaa5344 Рік тому

    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

    • @SanN9Gaming
      @SanN9Gaming 5 місяців тому

      Udah ditambah getUser dibawah axios.delete?

  • @dylantirtakurniawan6206
    @dylantirtakurniawan6206 2 роки тому

    Penyelamat 😭😭🙏🙏

  • @soegaraedy
    @soegaraedy 2 роки тому

    Bang, kalau deploy nya bagaimana antara backend, frontend, database?

    • @CoderMediax
      @CoderMediax  2 роки тому +1

      Bisa di deploy di hero!
      Untuk database mongodb, bisa gunakan mongodb atlas.
      Tinggal ganti koneksi string-nya aja!

    • @soegaraedy
      @soegaraedy 2 роки тому

      @@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?

    • @CoderMediax
      @CoderMediax  2 роки тому

      @@soegaraedy bisa, ke share hosting juga bisa.

  • @kolcrispy
    @kolcrispy 2 роки тому

    Bang, kok punya saya pas request POST muncul error 404 ya? Tapi request GET nya berhasil. Function saveUser-nya padahal udah sama.

    • @CoderMediax
      @CoderMediax  2 роки тому

      itu artinya endpointnya salah, coba cek lagi!

  • @seveninone2794
    @seveninone2794 2 роки тому

    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
      @seveninone2794 2 роки тому

      56:20

    • @CoderMediax
      @CoderMediax  2 роки тому

      @@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.

    • @seveninone2794
      @seveninone2794 2 роки тому

      @@CoderMediax makasih kak

    • @seveninone2794
      @seveninone2794 2 роки тому

      @@CoderMediax 1 lagi kak kalau navigatenya ga work gara2 apa ya?

    • @CoderMediax
      @CoderMediax  2 роки тому +1

      @@seveninone2794 gunakan react-router-dom v6+

  • @ifajaarrr
    @ifajaarrr Рік тому

    kalo di deploy yang perlu diganti apa aja bang?

    • @CoderMediax
      @CoderMediax  Рік тому

      untuk database gunakan mongodb atlas dan ganti koneksi stringnya dengan url dari mongodb atlas di file index.js, kemudian deploy projectnya ke vercel!

    • @ifajaarrr
      @ifajaarrr Рік тому

      @@CoderMediax kalo untuk bagian frontend yang axios, urlnya perlu diganti atau tetap localhost bang?

    • @CoderMediax
      @CoderMediax  Рік тому

      @@ifajaarrr ganti dengan url domain!

  • @rayedisonsihombing
    @rayedisonsihombing 2 роки тому

    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
      @CoderMediax  2 роки тому

      udah di install monggodb nya?

    • @rayedisonsihombing
      @rayedisonsihombing 2 роки тому

      @@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?

    • @rayedisonsihombing
      @rayedisonsihombing 2 роки тому

      @@CoderMediax Atau pas install Mongodb harus ada yang di setting setting bang? Saya sih cuman next next saja pas install nya

    • @CoderMediax
      @CoderMediax  2 роки тому

      @@rayedisonsihombing coba buka cmd kemudian ketikkan perintah:
      mongo

    • @rayedisonsihombing
      @rayedisonsihombing 2 роки тому

      @@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

  • @adityafitriansyah97
    @adityafitriansyah97 2 роки тому

    Apa ini bisa di hosting bang? Buat portofolio gitu

    • @CoderMediax
      @CoderMediax  2 роки тому

      Tentu saja, bisa pake VPS hosting

    • @adityafitriansyah97
      @adityafitriansyah97 2 роки тому

      @@CoderMediax Kalo di Heroku/vercel bisa gak bang

    • @CoderMediax
      @CoderMediax  2 роки тому

      @@adityafitriansyah97 bisa

    • @adityafitriansyah97
      @adityafitriansyah97 2 роки тому

      @@CoderMediax ok bang. Semangat bikin videonya bang, saya dukung kamu😁

  • @yudhacakep8390
    @yudhacakep8390 2 роки тому

    kalo pake mongodb atlas apakah sama pak?

    • @CoderMediax
      @CoderMediax  2 роки тому +1

      sama, cuma beda string koneksinya saja.

  • @iqbalalyansyah3472
    @iqbalalyansyah3472 2 роки тому

    Mas udah node index saja tapi module not found ya???

  • @Gendon-
    @Gendon- 2 роки тому

    Tolong dijawab mas.
    {
    "message": "Aw validation failed: julukan: Path `julukan` is required., umur: Path `umur` is required., nama: Path `nama` is required."
    }

    • @aliygan2310
      @aliygan2310 Рік тому

      Mungkin diisi dulu db nya...

    • @Gendon-
      @Gendon- Рік тому

      @@aliygan2310 bukan, ternyata penyebabnya gara-gara express.use(express.json())nya di taruh di bawahnya express.use(router)

    • @Gendon-
      @Gendon- Рік тому

      Ternyata js eksekusi skripnya dari baris paling atas

  • @iqbalalyansyah3472
    @iqbalalyansyah3472 2 роки тому

    Mas kalo nodemon index nya gak ke baca gimana ya

  • @agilrajabanikamislihikam2225
    @agilrajabanikamislihikam2225 6 місяців тому

    Pada menit 4:12 terjadi app crashed waiting for file

  • @taranewstime6909
    @taranewstime6909 2 роки тому +1

    Please make video in English language

  • @ihsanadityalaksamana4413
    @ihsanadityalaksamana4413 2 роки тому

    '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 ?

    • @CoderMediax
      @CoderMediax  2 роки тому

      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!

  • @feelsillogical
    @feelsillogical 2 роки тому

    untuk patch
    cannot path /users/blablbalablablala

    • @CoderMediax
      @CoderMediax  2 роки тому

      Itu karena idnya tidak ada, gunakan id yang sudah ada!

  • @LuckyPirate11
    @LuckyPirate11 10 місяців тому

    What the hell language are you taking bro

  • @osymobil
    @osymobil 2 роки тому +1

    Jangan lupa, udah dapat ilmu dari @CoderMedia support dengan subscribe, like and share

  • @mwf181
    @mwf181 2 роки тому

    13:10
    code: 'ERR_MODULE_NOT_FOUND'
    sudah type: module di package.json juga

    • @CoderMediax
      @CoderMediax  2 роки тому

      jika sudah menggunakan ES6 syntax, maka jangan di campur dengan commonjs module.
      Jangan gunakan require() atau module.exports

    • @mwf181
      @mwf181 2 роки тому

      @@CoderMediax sudah bang, kodingannya mirip banget sama yang ente pake, apa mungkin ada update dari express atau nodenya? versi node ente brp

    • @CoderMediax
      @CoderMediax  2 роки тому

      @@mwf181 saya pake node v16.13.1
      npm v8.1.2

    • @ibrahasansuraya1639
      @ibrahasansuraya1639 2 роки тому

      @@mwf181 sudah solve mas?

    • @mwf181
      @mwf181 2 роки тому

      @@ibrahasansuraya1639 belum