If I want to do a routing and connect mongodb with node, should I use React routing? Express can work alone or not? I am new in react and node. I am grateful for your help.
To simply put and answer to this: If you are building a single page application (SPA), the only reason why you would like to reach out to your backend (nodejs with express server) through api calls from React is if you have some sort of data to be retrieved or stored in the database (mongodb for instance. A multi-page application means that for every link say home, about etc. to which a route is mapped, will actually send a request to the backend to send that particular html file against each of the links/routes. This is called server-side rendering that is your UI is being rendered based on the requests to the server, and the server sending back the html pages as needed. But this is a costly affair, increases network load and thus reduces performance of the application because each time a new http request-response cycle will be initiated. React simplifies this by dividing your webpage into various components and you may choose to attach routes to these components(in case you are building a big app). This means your components (say home page content, about page content) shall be mapped to a route (/home, /about etc.). Now when you click the link to the home page or about page with React SPA, it will not send the request to server, but react with handle the request and change the component accordingly. You may see that in a webapp things like navbar, navigation drawer does not change much, it is the content that re-renders based on user events. This can be achieved with React Routing.
This works with racfe format as well using a Vite project. I was stuck because i didnt refresh my page and had a # at the end of my local host url in chrome. Rafce format: const Contact = () => { return ( Contact ) } export default Contact
Thank you for the course. I like the way you explain things. Is it possible at all that you switch from js to typescript in future courses? Ts has become a defacto standard of the web.
I have problem with new method becouse i dont know where to put Navigation . Only way i found how to use it was wrap each page with Navigation but that cant be correct way
Your tutorials are really easy to follow and understand. I have a degree in Communications and you're a great communicator
Wow, thank you! :) that means a lot
I love this series! It's very straight-forward and fresh. You're a great teacher.
5:07 uoohoo 🤣😂
U r having an excellent teaching skills ❤
Thanks Abhishek! :)
I fell out of love with react because I was unable to wrap my head around routing. This course has liberated me.
That's awesome
This package's documentation is really complicated. I hope the developers make it simpler. Thank you sensei for saving me..
Hello, thank you for the tut. Question: Why did you use .js and not .jsx when creating pages?
perfect way of teaching, easy to understand
Glad you think so! :)
THIS IS A FANTASTIC PRESENTATION!
Infinite thanks 😊
man you saved my life! thank you!
Thank you for the refresher. Would you consider doing something on the tanstack in the future? Great stuff, as always.
❤️ I love this guy
Thank you teacher 🙏🏻
Great. Thank you very much. So professional.
If I want to do a routing and connect mongodb with node, should I use React routing?
Express can work alone or not? I am new in react and node. I am grateful for your help.
To simply put and answer to this: If you are building a single page application (SPA), the only reason why you would like to reach out to your backend (nodejs with express server) through api calls from React is if you have some sort of data to be retrieved or stored in the database (mongodb for instance.
A multi-page application means that for every link say home, about etc. to which a route is mapped, will actually send a request to the backend to send that particular html file against each of the links/routes. This is called server-side rendering that is your UI is being rendered based on the requests to the server, and the server sending back the html pages as needed. But this is a costly affair, increases network load and thus reduces performance of the application because each time a new http request-response cycle will be initiated.
React simplifies this by dividing your webpage into various components and you may choose to attach routes to these components(in case you are building a big app). This means your components (say home page content, about page content) shall be mapped to a route (/home, /about etc.). Now when you click the link to the home page or about page with React SPA, it will not send the request to server, but react with handle the request and change the component accordingly. You may see that in a webapp things like navbar, navigation drawer does not change much, it is the content that re-renders based on user events. This can be achieved with React Routing.
@@luminous_entity thanks for simply answer XD ❤️
Wow learned so much
Awesome!
Are you planning on doing any more react native stuff?
Love this keep it up!
think they have a new method now, where you use createBrowserRouter and put your routes in an array and pass the routes array in the Router as one
Yeah - I mention that in this video, and for the rest of the series I use that newer method :).
@@NetNinja okayy, thank you as usual for your great content✊🏾
Please create a Playlist about "Creating E-Commerce Website using Strapi , MongoDB, React , and Stripe"
swiperJs please . Thank you teacher ❤❤
This works with racfe format as well using a Vite project. I was stuck because i didnt refresh my page and had a # at the end of my local host url in chrome. Rafce format:
const Contact = () => {
return (
Contact
)
}
export default Contact
Thank you for the course. I like the way you explain things. Is it possible at all that you switch from js to typescript in future courses? Ts has become a defacto standard of the web.
can you implomant promp in this router?
Thank youuu
Hope it was helpful! 😊
Hi is it possible you cover the new nextjs update?
I have problem with new method becouse i dont know where to put Navigation . Only way i found how to use it was wrap each page with Navigation but that cant be correct way
Does your udemy react course cover this? I am following that course, should i continue with that?
There is a lot of react router stuff in the udemy course, but this has some extra stuff in it like loaders and actions.
❤
Hi best teacher!
could you please make a project using redux toolkit ?
thank you .
Can show React with MySQL
nice tut like always
Thanks Dawud!
😍😍🔥
8:59
This code throws an error :(
Do react native please
cool 😘
greAT CONTENT
UPdate the couresr