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!
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 👏👏
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.
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?
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].
@@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.
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
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.
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.
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?
![[MV] A leap of faith...ความเชื่อใจครั้งสุดท้าย (From "Petrichor the series")](http://i.ytimg.com/vi/U1piZH2CNXA/mqdefault.jpg)
Marvelous; i love this. Congrats
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!
Welcome! I'm delighted that the tutorial was helpful to you.
love the fast based style.
Thank you!
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 👏👏
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.
Big help because I am transitioning from frontend to backend
me too :) lets do this!
if you do alot more tutorials like this, that would be great.This is just write to get in a lot of learning
Thank you. I sure will create more tutorials like this. Stay tuned
I love the way you teach. So amazing
Happy to hear that!
THIS IS JUST WHAT I NEEDED
THANK YOU FROM THE BOTTOM OF MY HEART
I'm so glad it helped! You're very welcome!
Can you provide the list of VSCode Extensions you have used for the project? Awesome Explanation btw.
Simple React Snippets
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?
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].
@@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.
Amazing Tutorial.....
Super dooper... thankx... very simplified.....
You are welcome.
Amazing! Thanks, from Brazil, SP
You are welcome!
Brazil mentioned🎉
Thank you sir
You are welcome
Hope you gonna make it with this channel ❤
Thank you
Update must put the database port number after user- and Alo be careful of file type
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
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.
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.
Thank you for your feedback. I appreciate your insights on best practices. I'll review and consider implementing the suggestions you've provided.
Fantastic
Thank you
I can't proceed to checking like in 8:50, I encountered an issue "uncought runtime error when opening localhost:3000 to check
Hello, did you manage?
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
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?
its so good thanks so much
You are welcome.
it's okay to access the mysql or insert data even the folder is outside in the htdocs?
Yeah, you can place your backend anywhere, not necessarily inside htdocs folder
PLEASE GIVE THE CLIENT CODE PART TOO. THANK YOU!
hello, sorry for the inconvenience. I have included the client side codes.
@@Lenntecs thanks!
hey can u provide the website link which u host it , i didnt find that
Hello, here: mern.anchortrends.com
in bootstrap why this ui from bootstrap cannont show ?
Hello Rezaulik. To use bootstrap, make sure you install it and then import into the component.
can i use with Mssql not MySqL ?
Of course yes. You can use a database of your choosing.
6:59 what addon do i need to do autocomplete for rfce ?
same for me, you find the answer bud? 🥹
@formotivation-j1m i think it's ES7+ React/Redux/React-Native snippets extension for vs code
@formotivation-j1m Extension for vscode :
VS Code ES7+ React/Redux/React-Native/JS snippets
How to deploy localhost
Hello, the tutorial does both on localhost and live server. Did you manage to follow it?
why xampp?
You can use any database of your choosing. For this tutorial, i chose xampp
*Promo SM* 💔