Fetch Data from Mongo DB and Show it to React using Node JS

Поделиться
HTML-код
  • Опубликовано: 23 авг 2024
  • #mernstack
    This video is about to Fetch/Get Data from MongoDB using React JS and Node JS | React, Node, Mongo Get Records and Display.
    How to fetch data from MongoDB.

Комментарии • 49

  • @ApeWithHelmet
    @ApeWithHelmet 9 месяцев назад +5

    Brother i swear on every god i love you mate... i swear my head was about to split open and i saw your video and it cleared the thing.... thanks mate

  • @user-uc5fu5dr9r
    @user-uc5fu5dr9r 10 месяцев назад +1

    grateful to have yousaf

  • @shubhamdas6519
    @shubhamdas6519 Год назад +3

    thanks for the video...sir

  • @reynaldobocaling4200
    @reynaldobocaling4200 Год назад +3

    hello idol I've been a supporter for a long time, I would like to request that you create a react data table with a check box in the first column and the table has a filter and sorting using express + react js + mysql

  • @karthikahdhanaraj6868
    @karthikahdhanaraj6868 10 месяцев назад +1

    good job bro, thank you!

  • @manchanasaivamshi167
    @manchanasaivamshi167 Год назад +3

    hello, we need to create the model for the existing collection to fetch the documents from it, is it mandatory or is there any other way we can fetch the data from existing collection using mongoose.

  • @Aitech885
    @Aitech885 2 месяца назад +1

    you arte a legend you don have a github my friend

  • @therevealmusic
    @therevealmusic Год назад +1

    Nice work

  • @base2advanced516
    @base2advanced516 Год назад +1

    thank you brother.

  • @muhammadshahid444
    @muhammadshahid444 9 месяцев назад

    thanks sir your video help me a lot

  • @edism235
    @edism235 10 месяцев назад +1

    Thank you! :)

  • @aliuabdulmanaf353
    @aliuabdulmanaf353 6 месяцев назад +1

    i followed the syntax to install the app but i did not get the same as yours, you have the packages on both sides of the client and server folder but my own did not appear like that meanwhile i followed your syntax

  • @spade5713
    @spade5713 Год назад +1

    how can i implement the crud functionalities, so far eading is done

  • @fzkhan
    @fzkhan 6 месяцев назад

    Nice 👍👏

  • @geofreybazar17
    @geofreybazar17 4 месяца назад

    Sir how can I access the model if the schema was defined from other web app? But I have the same database. I just want to access my schema from different app to my new app. thanks

  • @CodeWithParesh
    @CodeWithParesh Год назад +2

    osm😍

  • @albusdumbledore986
    @albusdumbledore986 11 месяцев назад +2

    ERROR
    users.map is not a function
    TypeError: users.map is not a function
    please help to solve this

    • @codewithyousaf
      @codewithyousaf  10 месяцев назад

      users is empty there is no data in users or that is not an array

  • @user-nw1uv4jg1e
    @user-nw1uv4jg1e 10 месяцев назад +1

    After completing this code im not able to see the any output that loaclhost is blank
    Can u please help me out
    There is no error just im not able to see anything

    • @codewithyousaf
      @codewithyousaf  10 месяцев назад

      first check console if there was an error
      second sometimes we forget return statement

  • @Roozikhan565
    @Roozikhan565 Год назад +2

    ❤❤

  • @user-tr3fu5lx6w
    @user-tr3fu5lx6w 8 месяцев назад

    thank yu for twhe woner ful code :)

  • @adarshvishwakarma1886
    @adarshvishwakarma1886 10 месяцев назад

    Please make a tutorial on how to make react search bar ❤

  • @codingwithankit7619
    @codingwithankit7619 Год назад +1

    What is the use of cors module?

    • @codewithyousaf
      @codewithyousaf  Год назад

      Cross-origin resource sharing (CORS) allows AJAX requests to skip the Same-origin policy and access resources from remote hosts.

  • @developerrohit
    @developerrohit Месяц назад

    thank you

  • @xgodo-com
    @xgodo-com 5 месяцев назад

    How to add server-side filtering?

  • @iRafi077
    @iRafi077 5 месяцев назад

    Love you

  • @santoshmore2953
    @santoshmore2953 Год назад +1

    When its going to be completed?

  • @namanrajput7686
    @namanrajput7686 7 месяцев назад

    how did u set the data of users and where in mongo db database.

  • @sambotsector101
    @sambotsector101 2 месяца назад

    THANK YOU!!
    CAN YOU PLEASE SHARE A SOURCE CODE ?

  • @Kannadacoder360
    @Kannadacoder360 11 месяцев назад +1

    How to create scheme

  • @user-rr3of1hy5w
    @user-rr3of1hy5w 7 месяцев назад +1

    Uncaught TypeError: users.map is not a function

  • @saranavinash9261
    @saranavinash9261 3 месяца назад

    why did you run react on different port number and server on another port number, i used to run the server in a port number and define api's on that port number to route to static webpages using ejs, please explain clearly why did you do like that :)

    • @codewithyousaf
      @codewithyousaf  3 месяца назад +1

      You know this is a common practice in development setups and there are reasons for that like: Separation of Frontend and Backend, Easy in testing, Good for CORS ...

    • @saranavinash9261
      @saranavinash9261 3 месяца назад

      @@codewithyousaf Thanks for the reply, I wasn't sure whether you will respond or not, but you are great man, Thank you

  • @pcadvanture
    @pcadvanture 5 месяцев назад +1

    1 issue

  • @user-rd9bi6ge6b
    @user-rd9bi6ge6b 8 месяцев назад

    What is inside test folder

  • @gunjangoyal248
    @gunjangoyal248 6 месяцев назад

    i m getting an empty array as a result, can anyone please help

  • @adarshvishwakarma1886
    @adarshvishwakarma1886 10 месяцев назад +1

    Res.json is not function error helppppp

    • @codewithyousaf
      @codewithyousaf  10 месяцев назад

      no data in res fetch the data correctly from server side.

    • @adarshvishwakarma1886
      @adarshvishwakarma1886 10 месяцев назад +1

      @@codewithyousaf ty I got the error
      (res, req) 💀
      Now done it's (req, res)

    • @adarshvishwakarma1886
      @adarshvishwakarma1886 10 месяцев назад +1

      @@codewithyousaf one more help I want my css only style on imported file but css applied on all my file what i do now

    • @codewithyousaf
      @codewithyousaf  10 месяцев назад

      @@adarshvishwakarma1886 classes should be unique or use css modules

    • @menmozhib4022
      @menmozhib4022 4 месяца назад

      Your video are very useful for beginners.you explanation are so clear.
      Can you teach student Task submission portal in mern stack project

  • @khai-vq5hn
    @khai-vq5hn 8 месяцев назад

    you available?