Complete Guide to Fullstack Development: React, Express, MySQL, Node.js - Tutorial

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

КОМЕНТАРІ • 66

  • @rungthiwaratchantam8832
    @rungthiwaratchantam8832 10 місяців тому +8

    I love this style of teaching😍. Clear and short. Thank you🙏 . You make me undertand the process of the connection between frontend and backend very clear and easy!

    • @Lenntecs
      @Lenntecs  9 місяців тому

      Welcome! I'm delighted that the tutorial was helpful to you.

  • @dev_apostle
    @dev_apostle 11 місяців тому +5

    love the fast based style.

  • @jakeowen9091
    @jakeowen9091 Рік тому +3

    Thanks! I loved this tutorial. As a newcomer to react and nodejs, there was loads of learning for me and I was able to run this on my localhost as well as deploy this to my server. Keep up the great job 👏👏

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

      Great news! Well done on getting the tutorial up and running on both your localhost and server. Your feedback is much appreciated, Owen. I'm glad that the tutorial was beneficial to you.

  • @SleepingPickle
    @SleepingPickle 4 місяці тому +1

    Big help because I am transitioning from frontend to backend

  • @BonifaceMwangi-hr2rm
    @BonifaceMwangi-hr2rm Місяць тому +3

    Marvelous; i love this. Congrats

    • @Lenntecs
      @Lenntecs  28 днів тому

      Thank you. I am glad it helped you out Boniface. 👍🏾

  • @odessasingh4771
    @odessasingh4771 7 місяців тому +2

    THIS IS JUST WHAT I NEEDED
    THANK YOU FROM THE BOTTOM OF MY HEART

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

      I'm so glad it helped! You're very welcome!

  • @dev_apostle
    @dev_apostle 11 місяців тому +1

    if you do alot more tutorials like this, that would be great.This is just write to get in a lot of learning

    • @Lenntecs
      @Lenntecs  9 місяців тому +1

      Thank you. I sure will create more tutorials like this. Stay tuned

  • @andalonds
    @andalonds 4 місяці тому +1

    I love the way you teach. So amazing

    • @Lenntecs
      @Lenntecs  3 місяці тому +1

      Happy to hear that!

  • @paulopalmeira9682
    @paulopalmeira9682 11 місяців тому +1

    Amazing! Thanks, from Brazil, SP

  • @Usmankhan-cd6zy
    @Usmankhan-cd6zy 10 місяців тому +1

    Super dooper... thankx... very simplified.....

    • @Lenntecs
      @Lenntecs  9 місяців тому

      You are welcome.

  • @fdctitansc3478
    @fdctitansc3478 8 місяців тому +1

    Thank-you very much for the video. I'm a retired programmer of 35 years and now just playing around with Javascript, MySql, React, etc. This Full-stack video is perfect for learning.
    One question: Why use "{data.map((student) => {" in the Edit.jsx when there is only one student to display?

    • @Lenntecs
      @Lenntecs  8 місяців тому

      Thank you for pointing out. From the backend, I returned data as a list, which has only one student during editing. That is why i mapped. You can as well use data[0].

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

      @@Lenntecs I think that's his point. data[0].id, data[0].name, data[0].gender, data[0].email seems like it would not use resources of map(). It's a tiny thing but worth considering.

  • @joypro5278
    @joypro5278 10 місяців тому +1

    Hope you gonna make it with this channel ❤

  • @shadman19299
    @shadman19299 6 місяців тому +3

    Can you provide the list of VSCode Extensions you have used for the project? Awesome Explanation btw.

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

      Simple React Snippets

  • @anoopkrishnanindia
    @anoopkrishnanindia 4 місяці тому +1

    Amazing Tutorial.....

  • @m4x1mvzofficial36
    @m4x1mvzofficial36 9 місяців тому +1

    I can't proceed to checking like in 8:50, I encountered an issue "uncought runtime error when opening localhost:3000 to check

    • @Lenntecs
      @Lenntecs  8 місяців тому

      Hello, did you manage?

    • @jasonchau844
      @jasonchau844 8 місяців тому

      you have to move the proxy setting from package.json from server to the package.json to client. dont mix it up. i fixed it

  • @sarahimpextradingenterpris6286
    @sarahimpextradingenterpris6286 2 місяці тому +1

    Thank you sir

    • @Lenntecs
      @Lenntecs  2 місяці тому

      You are welcome

  • @yellouu_theree
    @yellouu_theree 5 місяців тому +1

    6:59 what addon do i need to do autocomplete for rfce ?

    • @formotivation-j1m
      @formotivation-j1m Місяць тому

      same for me, you find the answer bud? 🥹

    • @yellouu_theree
      @yellouu_theree Місяць тому

      @formotivation-j1m i think it's ES7+ React/Redux/React-Native snippets extension for vs code

    • @yellouu_theree
      @yellouu_theree Місяць тому

      @formotivation-j1m Extension for vscode :
      VS Code ES7+ React/Redux/React-Native/JS snippets

  • @AbidHussain-v4m
    @AbidHussain-v4m Рік тому +2

    Fantastic

  • @CharlAlvarado
    @CharlAlvarado 11 місяців тому +1

    it's okay to access the mysql or insert data even the folder is outside in the htdocs?

    • @Lenntecs
      @Lenntecs  9 місяців тому

      Yeah, you can place your backend anywhere, not necessarily inside htdocs folder

  • @Rezaulik
    @Rezaulik 7 місяців тому +1

    in bootstrap why this ui from bootstrap cannont show ?

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

      Hello Rezaulik. To use bootstrap, make sure you install it and then import into the component.

  • @PiyushSharma-fi1vy
    @PiyushSharma-fi1vy 8 місяців тому +1

    hey can u provide the website link which u host it , i didnt find that

    • @Lenntecs
      @Lenntecs  8 місяців тому

      Hello, here: mern.anchortrends.com

  • @mohamedbenabdous2348
    @mohamedbenabdous2348 10 місяців тому +1

    can i use with Mssql not MySqL ?

    • @Lenntecs
      @Lenntecs  9 місяців тому

      Of course yes. You can use a database of your choosing.

  • @godsonurio357
    @godsonurio357 8 місяців тому +1

    its so good thanks so much

    • @Lenntecs
      @Lenntecs  8 місяців тому

      You are welcome.

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

    Hello! I am new comer to this channel and am struggling to understand how to build the backend i am working on my first project and am using node and mysql but i can't get the basic concepts can u help me?

  • @Rajesh-rg6fw
    @Rajesh-rg6fw Рік тому +3

    This is good, but i found you are not following tge best practices, like you could have implemented usereducer, use ref, contex api, also in the use effect use the signal, and also i think components can also further divided in to smaller components.

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

      Thank you for your feedback. I appreciate your insights on best practices. I'll review and consider implementing the suggestions you've provided.

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

    PLEASE GIVE THE CLIENT CODE PART TOO. THANK YOU!

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

      hello, sorry for the inconvenience. I have included the client side codes.

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

      @@Lenntecs thanks!

  • @ShivaJaya-z6n
    @ShivaJaya-z6n 9 місяців тому +1

    How to deploy localhost

    • @Lenntecs
      @Lenntecs  9 місяців тому

      Hello, the tutorial does both on localhost and live server. Did you manage to follow it?

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

    Update must put the database port number after user- and Alo be careful of file type

  • @zb4055
    @zb4055 9 місяців тому +1

    why xampp?

    • @Lenntecs
      @Lenntecs  9 місяців тому

      You can use any database of your choosing. For this tutorial, i chose xampp

  • @fdctitansc3478
    @fdctitansc3478 8 місяців тому +1

    Still trying to figure logic. Could you tell me how would i know the sequence of scripts that run? Example: When I execute 'NPM START" from client side, I know the package.json executes, it tells the start.js to run from react-scripts, then I get lost. How does "Home.jsx" get called? Tia

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

      Hello to you. The routes determines which component to be executed. From the base url, if you go to /home or /edit or /create, each of this determines which pages/component to execute.

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

    *Promo SM* 💔