Node and React JS Tutorial: Website Setup with Frontend and Backend

Показать описание

This is a tutorial showing how to use Node with React JS by building a website with routing, and running a frontend and backend server.

If you are new to Node, you should still be able to follow along. If you are a beginner and need more practice, please watch by previous Node tutorial that covers the basics on installing Node and setting up a simple http server.

All of my codes can be found at my GITHUB:

Please give this video a like if you can, it will help my channel out, thanks!

Some quick code tips below...

Keep your Homebrew and Node updated:
brew update
brew upgrade

Install React
npx create-react-app frontend
or
npm init react-app ./frontend

create the backend and initialize it
mkdir backend
cd backend
npm init -y

Рекомендации по теме

Комментарии

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
<Switch></Switch>
with
<Routes></Routes>

ahhhafwe

Codrkai, those tutorials you make are awesome... excellent to explain. That's what exactly I am looking for. Love it.

pvn

This was exactly what I was looking for, other channels were discussing template engines. Thanks for the clear explanation.

charlesxstorm

This is what exactly I was looking for .. excellent topic coverage and explanation 👍
Thanks

vj

Best video I've seen on connecting the frontend and backend. It finally clicked for me.

BrianKeeganMusic

I love how you take the time to explain. Subcribed! Keep up your good work! 😉🙌

tylernguyen

Thank you I was struggling with understanding front to back routing but your video helped me alot.

louloulx

Thanks a lot, this is the best explanation putting together backend-frontend.

bozoskopljakovic

Best video. Thanku alot. I couldn't have done it without this explanation 🥺

priyankaKumari-nccu

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.

peterhague

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

xexpertx

Great tutorial, love it!👍🏽 Keep it up

berk

Thanks for this nice and affordable tutorial

bastaty

Thanks dude, this is what exactly i looking for

minangkaracr

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.

yuotcikom