In version 6, Switch got replaced by Routes. For new people watching this, replace import { BrowserRouter as Router, Switch, Route} from 'react-router-dom'; with import { BrowserRouter as Router, Routes, Route} from 'react-router-dom'; and replace your with
You probably dont care at all but does any of you know a way to get back into an instagram account?? I stupidly forgot my login password. I would appreciate any tips you can give me
@Nikolai Maximus Thanks for your reply. I found the site thru google and im in the hacking process atm. Takes quite some time so I will reply here later when my account password hopefully is recovered.
I was stuck over my React Js project. I tried connecting it with Node js but nothing works. After watching this tutorial, I got the concept and I can finish my project soon. I can't wait to watch the Database part too. Thank you so much.
Exactly what I've been looking for, thanks so much. Been trying for a week to solve how to add a MongoDB backend to an Excel add-in, I'm hoping this will be the answer: add React to the add-in frontend, then use that in the mini browser that Excel opens to push and pull data to and from the db via Express. Fingers crossed I'm understanding things now, thanks again.
If anyone is having issues with fetching data and it not displaying your info, you need to return each object in the Array.prototype.map function as well. *so instead of:* items.map(item => {
{item.name} {item.message}
}) *you should write:* items.map(item => { *return (*
Could anyone help?? I have tried what was done in the video and the snippet of code you wrote and it still won't display :/.. Did you have your return, within another return or was that the only return statement in the Function??
I had a problem with ${PORT} not being blue or using the constant. It appears there are two types of apostrophes. My VS is only making ' ' where as your is ``. Any idea how to fix? Probably some addone. thanks
Thanks for your efforts to make this youtube tutorial but i didnt had the chance to watch your previosu tutorial. what is its name please? I guess i cant follow this video without knowing the previous one
I am having an issue with the routing. I am using the google chrome developer tools and in the console i get this error Uncaught (in promise) SyntaxError: Unexpected token < in JSON at position 0 I looked at the response for the router call to the "/tweets" endpoint and it returns a 304 status code, and the response is not JSON. It returns the HTML from the index.html file. Am I missing some additional part of the configuration for this tutorial? I tried to add some logging on the first line of the router.get('/tweets, (req, res) => {}) in handler.js, but i never see anything getting logged to the console where the server code is running. So I am suspecting it is some configuration step that was not set up properly.
Hi, My application has node JS backend(to connect to firebase admin) and react front end. My another backend is Spring Boot rest API. Using pom.xml, i am able to start my react front end(npm) and spring boot back end application also. Can you please assist how to start my node js(npm run server)?.
why can't I read data from "/ " request to server ? I set up cookie and it works on the backend, but react doesn't go there , it only shows the frontend route
Hi, when i run command to start both server & client using concurrently --kill-others-on-fail \"npm run server\" \"npm run client\" i got these error => 'concurrently' is not recognized as an internal or external command,..how should i resolve this issue!!can u help me with this??
Im a little lost on how the the component Tweet.js is able to run line 12 (in the Tweet.js component file) where it is fetching the '/tweets' from the backend. Is this because you have installed express globally if you dont install globally would you need to install in the front end as well and as they would be different installations in different folder directories would it still interact properly ?
You able to run that code if you place the proxy inside your front-end package json. Or you can manually write whole server route url inside fetch function.
![React JS Tutorial [2023]: Backend Server Setup Using NodeJS and Express](http://i.ytimg.com/vi/RHLxtAo0aEI/mqdefault.jpg)
![React JS Tutorial [2023]: Backend Server Setup Using NodeJS and Express](/img/tr.png)
In version 6, Switch got replaced by Routes. For new people watching this, replace
import { BrowserRouter as Router, Switch, Route} from 'react-router-dom';
with
import { BrowserRouter as Router, Routes, Route} from 'react-router-dom';
and replace your
with
also 'component' inside the is replaced by 'element' , had to check 30 min for that one :)
to be more precise you shhould write it like this ""
Thank you!!!
thank you! ♥@@bryansie1047
wow dude you saved me on a final, I love how you know how important it is to leave absolutely zero holes in your explanation. you're amazing thx
You probably dont care at all but does any of you know a way to get back into an instagram account??
I stupidly forgot my login password. I would appreciate any tips you can give me
@Kamryn Finn instablaster ;)
@Nikolai Maximus Thanks for your reply. I found the site thru google and im in the hacking process atm.
Takes quite some time so I will reply here later when my account password hopefully is recovered.
@Nikolai Maximus It worked and I now got access to my account again. I'm so happy!
Thanks so much, you saved my ass :D
@Kamryn Finn happy to help :)
This was exactly what I was looking for, other channels were discussing template engines. Thanks for the clear explanation.
I was stuck over my React Js project. I tried connecting it with Node js but nothing works. After watching this tutorial, I got the concept and I can finish my project soon. I can't wait to watch the Database part too.
Thank you so much.
Exactly what I've been looking for, thanks so much. Been trying for a week to solve how to add a MongoDB backend to an Excel add-in, I'm hoping this will be the answer: add React to the add-in frontend, then use that in the mini browser that Excel opens to push and pull data to and from the db via Express. Fingers crossed I'm understanding things now, thanks again.
This is what exactly I was looking for .. excellent topic coverage and explanation 👍
Thanks
Best video I've seen on connecting the frontend and backend. It finally clicked for me.
Codrkai, those tutorials you make are awesome... excellent to explain. That's what exactly I am looking for. Love it.
Thank you I was struggling with understanding front to back routing but your video helped me alot.
Best video. Thanku alot. I couldn't have done it without this explanation 🥺
I love how you take the time to explain. Subcribed! Keep up your good work! 😉🙌
Thanks a lot, this is the best explanation putting together backend-frontend.
Wow!!! I saw no teaching like this!!
Great video please make more videos using node js and react
If anyone is having issues with fetching data and it not displaying your info, you need to return each object in the Array.prototype.map function as well.
*so instead of:*
items.map(item => {
{item.name}
{item.message}
})
*you should write:*
items.map(item => {
*return (*
{item.name}
{item.message}
*)*
})
Could anyone help?? I have tried what was done in the video and the snippet of code you wrote and it still won't display :/.. Did you have your return, within another return or was that the only return statement in the Function??
Actually in the first one if you replaced the curly brackets with brackets it will work just fine
@@Abdullah-vp2tl Thank you Abdullah this was my issue. A clutch 5 yr old comment
@@aaronroy8998 For anyone else with this problem I suggest you restart your frontend and backend server to refresh the frontend's package.json
@@mauroruffo Thanks!
Thanks dude, this is what exactly i looking for
Thanks for this nice and affordable tutorial
Love this video! Hope u drop new tutorial video soon
New video is up, enjoy :)
Codr Kai thank u so much. I just started to learn react and node and your video helped me a lot !!
Thank you mate this is really helpful
when is the next video coming up fetching data from database. i love your explanation and i know you will even do it more better
New complete video is up :)
can you put a link of the continuation please?
@@codrkai
there is definitely no no-demon at my house?
good one, thanks.
Great tutorial, love it!👍🏽 Keep it up
I had a problem with ${PORT} not being blue or using the constant. It appears there are two types of apostrophes. My VS is only making ' ' where as your is ``. Any idea how to fix? Probably some addone. thanks
awesome video
Your the best bro 🔥
clear explanation looks clean. Thanks.
Amazing explanation love it man
You've made my day! thanks!
Thank you for the video, do you have any future videos about nest.js?
Thanks for the video codr kai
Hi Awesome video! What's the continuing to this video?`cant find it among your videos..
Thanks for your efforts to make this youtube tutorial but i didnt had the chance to watch your previosu tutorial. what is its name please? I guess i cant follow this video without knowing the previous one
hey thank you for video . how can we deploy this app ? maybe we need to run npm build ?
Great tutorial! Thank you
I am having an issue with the routing. I am using the google chrome developer tools and in the console i get this error
Uncaught (in promise) SyntaxError: Unexpected token < in JSON at position 0
I looked at the response for the router call to the "/tweets" endpoint and it returns a 304 status code, and the response is not JSON. It returns the HTML from the index.html file.
Am I missing some additional part of the configuration for this tutorial? I tried to add some logging on the first line of the router.get('/tweets, (req, res) => {}) in handler.js, but i never see anything getting logged to the console where the server code is running. So I am suspecting it is some configuration step that was not set up properly.
very well done my man
Great stuff. Thanks!
Great tutorial
Awesome tutorial!!!
with proxy you can call single rest api, what if we have multiple domain to call?
Can you zoom in more in your videos. It's really hard to follow through with the small texts
Hi, My application has node JS backend(to connect to firebase admin) and react front end. My another backend is Spring Boot rest API. Using pom.xml, i am able to start my react front end(npm) and spring boot back end application also. Can you please assist how to start my node js(npm run server)?.
why can't I read data from "/ " request to server ? I set up cookie and it works on the backend, but react doesn't go there , it only shows the frontend route
Hi, when i run command to start both server & client using concurrently --kill-others-on-fail \"npm run server\" \"npm run client\" i got these error => 'concurrently' is not recognized as an internal or external command,..how should i resolve this issue!!can u help me with this??
I'm watching 2 years later but the Switch import seems to be throwing an error for me. Has it changed to something else now?
Good job bruh!!!
very nice explanation...
Make more like this!
Thanks a lot man. And for the components, I think "... import React from "react" ..." is not needed.
Anyone have an issue with getting the text to display on front end? The welcome message and tweets are not showing up for me.
thank you soo much
Thank you.
I like style brother!!!!!
So good. SUBBED
Im a little lost on how the the component Tweet.js is able to run line 12 (in the Tweet.js component file) where it is fetching the '/tweets' from the backend. Is this because you have installed express globally if you dont install globally would you need to install in the front end as well and as they would be different installations in different folder directories would it still interact properly ?
You able to run that code if you place the proxy inside your front-end package json. Or you can manually write whole server route url inside fetch function.
Thanks man
how can i host this??
Thanks
How can i upload this on cpanel
24:07
Hii can you upload next video
New video is up, enjoy! :)
Obrigada pelo video
How can I deploy this?