How to Connect React JS With MySQL Database using Node.JS/Express.js

แชร์
ฝัง
  • เผยแพร่เมื่อ 22 มี.ค. 2023
  • How to Connect React JS With MySQL Database using Node.JS/Express.js. How to implement a server for ReactJS and MySQL applications. today I am demonstrating a very simple React app integrated with MySql DB through a simple app. React Node.js MySQL Tutorial for Beginners. Node with React and MySQL Tutorial.

ความคิดเห็น • 77

  • @andreavicari2159
    @andreavicari2159 8 หลายเดือนก่อน +5

    Great video!! Many thanks for sharing it. I followed all the steps and successfully connected MySQL and React

  • @sabujdeeptudu6215
    @sabujdeeptudu6215 11 หลายเดือนก่อน +11

    awesome video! one tip is that better sound quality makes the content greater

  • @sergeypedko3883
    @sergeypedko3883 7 หลายเดือนก่อน +2

    Thanks a lot!!!
    How simple you can explain pretty complicated things.

  • @miirshe
    @miirshe ปีที่แล้ว +1

    nice job thanks my brother I fully liked your explanation every one can understand simple

  • @afrikanonyma
    @afrikanonyma ปีที่แล้ว +1

    Nice One ! Just wanna see more like that ...

  • @surajmaurya1515
    @surajmaurya1515 4 หลายเดือนก่อน

    Thanks. I have successfully connected mysql and react.

  • @easywebsolution7044
    @easywebsolution7044 3 หลายเดือนก่อน

    Thanks , very easy to understand your teaching process

  • @NateExclamation
    @NateExclamation 7 หลายเดือนก่อน

    Very helpful and explained well! Thank you!

  • @herberteto7753
    @herberteto7753 4 หลายเดือนก่อน

    Great video.
    No gimmicks.

  • @Peugeot9X8
    @Peugeot9X8 5 หลายเดือนก่อน

    VERY USEFULL AND EASY TO FOLLOW

  • @Blue-kv8pj
    @Blue-kv8pj 6 หลายเดือนก่อน

    thank you so much for this helpful guide!

  • @sufyanakbar7153
    @sufyanakbar7153 7 หลายเดือนก่อน

    Simply Outstanding!!

  • @JeanBruno-d2r
    @JeanBruno-d2r 3 วันที่ผ่านมา

    Very useful video - helped a great deal!

  • @yangwilliam3137
    @yangwilliam3137 11 หลายเดือนก่อน

    great tutorial, thanks!

  • @raoaffan651
    @raoaffan651 2 หลายเดือนก่อน

    Hi! i want to connect mssql with my react application so how should I do it as xamp is for MySQL and I am bounded to mssql

  • @prasannas439
    @prasannas439 5 หลายเดือนก่อน +2

    Failed to fetch anni vasthundi error dackend output vasthundi sir

  • @yut0032387
    @yut0032387 8 หลายเดือนก่อน

    Subbed, good explanation. Thank you

  • @MATH_VIBE
    @MATH_VIBE 3 หลายเดือนก่อน

    really helpul thank broo from the bottom of the heart.

  • @The-sound-of-silence
    @The-sound-of-silence 4 หลายเดือนก่อน +1

    Thank you so much Yousaf.

  • @noor-hb9tg
    @noor-hb9tg 3 หลายเดือนก่อน

    Thank you, u saved my time🌸

  • @DrawFromZero
    @DrawFromZero 2 หลายเดือนก่อน

    nice video ma friend :) really worked !!

  • @mohsentaherifard
    @mohsentaherifard หลายเดือนก่อน +1

    how you have react and node at the same time? when I do npm start in a backend folder (server.js) I lost the react and can't reach it & when I do this for and when I do npm start in react the data in the 8081 port in unreachable. How you do this in the same time? 11:58

    • @codewithyousaf
      @codewithyousaf  หลายเดือนก่อน

      For React open React Folder in Terminal and Run it.
      For Node open a new terminal with node app and run it

  • @danieltshisuaka1940
    @danieltshisuaka1940 6 หลายเดือนก่อน

    Good job bro 👍

  • @iongherasim5354
    @iongherasim5354 5 หลายเดือนก่อน

    Bravoooo...Super !

  • @artisticbuddy6954
    @artisticbuddy6954 6 หลายเดือนก่อน

    great explanation

  • @thyymai2381
    @thyymai2381 5 วันที่ผ่านมา

    many thanks!!

  • @touchpadgame4695
    @touchpadgame4695 10 หลายเดือนก่อน +2

    It was a very usefull video sir thanks for it.For the one who good at react and mysql it might be easy but the knowloedge that you share is hard to reach.

    • @herberteto7753
      @herberteto7753 4 หลายเดือนก่อน

      Yes, it's left for one to expand on it.
      I really appreciate the video ❤

  • @arundhoundiyal8537
    @arundhoundiyal8537 27 วันที่ผ่านมา

    Sir meri help kar dijiye mai bada pareshan hu mai full stack web pe Kam kar raha hu jisme user details lekar unhe SQL database mai store karke Frontend side mai display karta hu basically crud based bana Raha hu problem ye hai ki user details Post to ho Rahi hai get bhi ho rahi hai frontend mai with display lekin kuch time ke bad disappear ho ja Rahi hai mai 3 din se laga hu lekin problem solve nahi ho rahi hai

  • @eliassilva7850
    @eliassilva7850 11 วันที่ผ่านมา

    que animal que sos más genio imposible

  • @sureshselvarajan1395
    @sureshselvarajan1395 4 หลายเดือนก่อน

    nice thanks. i understond

  • @alanebryankuate3877
    @alanebryankuate3877 11 หลายเดือนก่อน

    Thanks you so much ❤

  • @jayclive6049
    @jayclive6049 ปีที่แล้ว

    nice tutotiral

  • @fernandafortes3782
    @fernandafortes3782 22 ชั่วโมงที่ผ่านมา

    Amazing, it is also works if was hosting on Hostinger ?

  • @user-jx5vm6ye1z
    @user-jx5vm6ye1z 4 หลายเดือนก่อน

    But how to access this without run command in local server

  • @manahilmehmood2016
    @manahilmehmood2016 หลายเดือนก่อน

    i can not retrieve the data from my table in the database

  • @xoxojaeon
    @xoxojaeon ปีที่แล้ว

    Thank you soooo much

  • @prasannas439
    @prasannas439 5 หลายเดือนก่อน

    How to run to projects at a time in localhost

  • @stanleylafond4650
    @stanleylafond4650 8 หลายเดือนก่อน +29

    It sounds like you are speaking from the end of a tunnel.

    • @learncodedesign5420
      @learncodedesign5420 8 หลายเดือนก่อน +1

      😂😂

    • @drew7272
      @drew7272 5 หลายเดือนก่อน

      😂😂😂😂😂😂

    • @YouTubekunal43
      @YouTubekunal43 4 หลายเดือนก่อน

      😂

    • @Syed_Tawseef960
      @Syed_Tawseef960 3 หลายเดือนก่อน

      😂😂😂😂😂

    • @ghost9108sd
      @ghost9108sd 14 วันที่ผ่านมา

      Very bad sound quality

  • @daeralbra
    @daeralbra หลายเดือนก่อน

    Nice video! Although, it has an echo that makes it hard to understand.

  • @AntoninoMarquesJares
    @AntoninoMarquesJares 3 หลายเดือนก่อน

    Muito obrigado !

  • @gangadharams2688
    @gangadharams2688 4 หลายเดือนก่อน

    Hello everyone can do this fetch through sql workbench

  • @mikail_dev
    @mikail_dev 4 หลายเดือนก่อน

    It was really an helpful video. Can you provide the source code?

  • @MemeManiaDaily
    @MemeManiaDaily ปีที่แล้ว +1

    nice info and tutorial bro..i really appreciate that, but i wonder, if i wanna deploy it, should i deploy it only one file or each file(backend and frontend)?

    • @codewithyousaf
      @codewithyousaf  ปีที่แล้ว

      Where you want to deploy you should upload all files.

  • @user-lk6lj8vw6s
    @user-lk6lj8vw6s 7 หลายเดือนก่อน

    It's very and great video about reactjs and it's easily understand to those who are new to reacts. I have followed the step by step instruction from this vid. However, it's response returned by Reactjs is empty. Just wondering how to fix this. Please advise. thanks

    • @akkyuz
      @akkyuz 6 หลายเดือนก่อน +1

      maybe you did not import the hooks in App.jsx: import React, {useEffect, useState} from 'react';

  • @UmairAyub-dev
    @UmairAyub-dev 10 หลายเดือนก่อน +1

    Good one, I have a question.
    What are the options for deploying this project? Can I host the whole thing on a shared hosting?

    • @dev_gui
      @dev_gui 6 หลายเดือนก่อน

      Ai que está a questão, são 3 em um. como subir isso em um único serviço de hospedagem?
      O front fica separado da API e ao mesmo tempo precisa de um banco MySQL

    • @herberteto7753
      @herberteto7753 4 หลายเดือนก่อน

      It all depends on your hosting platform and services being rendered.

  • @Sarthak_projects
    @Sarthak_projects 13 วันที่ผ่านมา

    Bhai... Mysql ka bolke php se data store kr raha

  • @let6870
    @let6870 หลายเดือนก่อน

    the echo kinda makes me feel outter space, but still great video

  • @ndukaoluku6600
    @ndukaoluku6600 10 หลายเดือนก่อน

    I get the error below when I try to start:
    Error: Cannot find module 'C:\Users\M260181\Desktop\ReactMysql\Backend\index.js'
    at Module._resolveFilename (node:internal/modules/cjs/loader:1077:15)
    at Module._load (node:internal/modules/cjs/loader:922:27)
    at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:81:12)
    at node:internal/main/run_main_module:23:47 {
    code: 'MODULE_NOT_FOUND',
    requireStack: []
    }
    Node.js v18.17.1
    [nodemon] app crashed - waiting for file changes before starting...

    • @codewithyousaf
      @codewithyousaf  10 หลายเดือนก่อน

      Correct the name of the file you imported

  • @yashindows1913
    @yashindows1913 11 หลายเดือนก่อน

    legendary

  • @ahmedali006
    @ahmedali006 9 หลายเดือนก่อน +1

    code ????

  • @tonygamedev
    @tonygamedev 4 หลายเดือนก่อน

    I cannot create APIs

  • @adhdmed
    @adhdmed ปีที่แล้ว

    first Like

  • @rakeshbadiger8984
    @rakeshbadiger8984 9 หลายเดือนก่อน +2

    Error : useState is not defined

  • @jaaferklila1375
    @jaaferklila1375 2 หลายเดือนก่อน

    where is the code bro

  • @jeetstuff1998
    @jeetstuff1998 4 หลายเดือนก่อน

    where is source code

  • @jeetstuff1998
    @jeetstuff1998 4 หลายเดือนก่อน +1

    atleast share the code also
    its is not possible to type every word
    so plz atleast share the code file also

    • @codewithyousaf
      @codewithyousaf  4 หลายเดือนก่อน

      It is just a few line code not a project.
      for future I will share OK

  • @davidezangrando34
    @davidezangrando34 5 หลายเดือนก่อน

    good video but can you share the .sql file for adding it on phpmyadmin? it have to include student id, email and age stuff like this.

    • @codewithyousaf
      @codewithyousaf  5 หลายเดือนก่อน

      that is very easy to create in 2 minutes bro.

  • @mrmbeautiquethebrand
    @mrmbeautiquethebrand 2 หลายเดือนก่อน

    Bro english nahi aati ho to TH-cam Hindi mai allow karta hai don't worry

  • @dheer730
    @dheer730 10 หลายเดือนก่อน +1

    why would you teach people to code like this? stuff like this is never done on production grade code. atleast use a connection pool

    • @andreavicari2159
      @andreavicari2159 8 หลายเดือนก่อน

      An occasion lost to shut up