Code A React Website Tutorial | ReactJS Tutorial For Beginners

Toooooop

Hey Pedro, thank you for this great content. I'd be glad if you Create a CRUD application to allow users from around the world submit their recipes to their preferred category (food type/ingredient/nationality, e.t.c). If the category does not exist, they can create one however, if it does, the user should receive an alert to say it does. Users should also be able to rate recipes (star ratings) and search for recipes that have been submitted. You can go further by including a feature that allows users to add comments to submitted recipes, perhaps a correction or addition. It is an excellent chance to show off your frontend framework skills.

npm install react-router-dom doesn't work it blocked error watch should i do

I've just finished the video and would like to thank you for the amazing tutorial! 😄
I hope I can be able to do something so good soon

Brian need some help in understanding. I created a website on for example a Wix type platform. I was trying to implement a paypal subscription setup for payment, and it was not working. So I hired someone, and they said it was impossible for the paypal subscription to be done because the Wix type platform was limited and Wix only lets users needs go but so far. The guy i hired recommended he build me a React website and that he would deploy the React website on AWS. Here is the problem, everytime I need something done to the website I have to contact him. And obviously that will cost money for every little thing. I told him its not right that i don't have complete access to the website that i paid him for. He said he would create me a admin login so that i can do things like add products, edit text, add pictures. I told him that works but to setup the admin that I would have full access to the code. He said that is not possible. Is he lying? I mean how can I own my own website but not have access to the full code. What happens if this guy gets hit by a car and dies, what then? How will I be able to get full access to my website? How about if I wanted to hire someone to add a Carousel Slideshow, and the person I hired needed access to the code, If i don't have access to the code, how can the person I hired have access? I feel like i have no control over my website, and if i ever had a serious problem with this guy he could easily remove the website from the web and screw me over. I am sure as you are reading you already have an idea of whats going on and what I need to say to this guy. Help please,

Some stuff changed
I was struggling trying to use Switch, and the code that worked for me is like this

import './App.css';
import {BrowserRouter as Router, Route, Routes} from 'react-router-dom';
import Home from './pages/Home';
import Menu from './pages/Menu';
import About from './pages/About';
import Contact from './pages/Contact';
import Navbar from './components/Navbar';
import Footer from './components/Footer';

function App() {
return (
<div className="App">
<Router>
<Navbar />
<Routes>
<Route path='/' element={<Home />} />
<Route path='/menu' element={<Menu />} />
<Route path='/about' element={<About />} />
<Route path='/contact' element={<Contact />} />
</Routes>
<Footer />
</Router>
</div>
);
}

export default App;

thanks for this tutorial

liked and subscribed. Amazing tutorial

shoot a video about creating a react simple Game

Love to hear that you're from Brazil! Couldn't tell just by the accent! Valeu pelo conteúdo irmao kakakak

Its been a long time since I am learing React JS but Today after watching this tutorial I can surely say that I have learnt something very meaningful things.😍😍

🙏🙏🙏

finally i can watch your page transitions video

Thank you PedroTech, you make it look easier

Please dear Pedro or anybody, I have followed every bit of this lesson but my rendering is not displaying especially wihen adding the routes ..please is there a speciall configuration or extensions u use to help

Quick question, why did you write id={openLinks ? "open" : "close"} in the leftSide div and not in the hiddenLinks div, as you're only manipulating the links

Bro which version of react router dom u used??

Nice video

Just wow..I'm totally a beginner ..But his explanation is too good..Thanks a lot...

I am facing the issue of invalid Hook call any solutions?

Does anyone know why when I am clicking on the button the url is updating to the /event but my contents on the page are showing when I refresh the page and not just by clicking on the button. Does anyone know how I can fix that? Please help.

Thanks Pedro!!!!!

Hello,sir...please share the code....

Can you please share your contact I've a doubt please help me to make it out

My pc can't install the packages to create the react app help

hey i closed the tabs and my pc got restart for some reason how to go back and reopen all of this

hey I'm having error in ./src/app.js what should i do

❤

sir media query is not working for me.pls help me anyone

completely waste time no css, need to download the images so hectic also router dom changed

I see you don't use boostrap and only react.

Css for navebar image "logo" is not working can anyone help.

by far the best tutorial of react. Thanks a lot for the details (e.g the 2 dots when describing the path to import t he image.)

Hey Pedro! this is valuable content! you helped me a lot. Just something that may sound weird from my side. The toggle button if you resize the screen while the state is open, it stays open and shows two times the links, do you know any possible way to solve this?

Thank You Pedro, It was a great tutorial. Thanks a lot sir.

you got my respect bro❤❤❤❤

thanks!

pls how did you access the menuItem class in the menu css?

Thank you

one of the best tutorials i have ever seen! thanks man, valeu

Hey bro amazing video application looking beautiful and works great. However my home page the image doesnt fit the screen and the footer doesnt fill the page leaving a big blank space i have tried looking at the css but nothing is stretching to fit the whole page any help would be amazing

Thanks Pedro

Hi i have followed all the steps and yet I’m not getting the outcome and what are we supposed to do with the components under public they are all related to the sample program!

Dude, this video was perfect! even if its long, it doesnt matter. these videos are super helpful!

Great explanation...thank you so much...👍

can you make a video with "add-to-cart" functionality and backend connection to this same website?

thank you

Thanks alot