React Website using Styled Components and Smooth Scroll - Beginner Project Fully Responsive

Great tutorial! I bought the source code, hope you can continue doing this and making new awesome vids.

Thanks for sharing! I was wondering if any one else had this problem too: I had to set the position for the linear-gradient and HeroContent both to relative instead of absolute, otherwise the gradient appears on top of HeroContent.

Hey, Thanks for this.
I am a software engineer who hated frameworks and wasn't too familiar with javascript, I wrote Java, C# before, A year ago I watched this and decided to give React a chance, Thanks to this video I got my first job as a React Developer just 2 months after watching this video (I had been an engineer for 4 years prior tho), and now I am a frontend developer, I love using react and styled-components so much, it's my fastest way to build stuff.

for anyone who would like to see the immediate effects of CSS as he types out, after writing out the tags, for ex:
<NavLogo>, write export const NavLogo = styled`` (just empty) and then import it in your index.js, then save. This way, as you type and save, you will see what he's doing

its showing dispatcher is null pls do help

Brian you must raise up! thank you so much It's really helpful

'alt + g' is the keyboard command for the © symbol

Switch was not found in 'react-router-dom', how we have to solve the error

Export Switch error..
How we have to solve the error

Amazing Tutorial, just for those who are learning from this tutorial in 2023, the Switch from react-router-dom is deprecated and it is replaced by routes, check below comments, as @nocapmusic7705 specified, the new route is:

<Route path="/" element={<Home />} exact />
<Route path="/signin" element={<SigninPage />} exact />

Have a wonderful day!

Omg halfway through my Pittbull layed down on my friggen keyboard messed up everything back to the start because I have NPM typed in space somewhere ugh 😂

hey the sidebar container the black does not work for me anyreason also read my earlier message

If the images aren't loading try

'import img1 from "../../images/svg-1.svg"'

And then

Img: img1

In the object

Is anyone else having an issue where adding the router links is causing nothing to be rendered on the page? If I use a normal 'a' tag instead of the react router link the navbar shows up, but if I use that Link everything disappears.

when you style a component in react you get emmet for css and I cant. I get only html emmet in javascriptreact

thanks to yars latter, Some things have changed, but it's still up to date. The .active is not working, I haven't found the reason yet to help.

Goddammit Brian. I hate front-end work but you're making me start to like it :)

I have a question, you exported InfoSection, but where did you call it? In the pages?

Great tutorial. I am trying to link the "signup" page to a request page with jobber. Is there a way we can try solve this?

what is the svg library used here? thanks!

my grandma can do this 😏

Great Tutorial!! You deserve many many thanks :)

Svg didnt work but only jpg works.I didnt understand .Who know why svg doesnt work on react?

Thanks for this video tutorial👍👍👍

If your scroll to Top it work slow 1s start and scroll to top. you can type options duration: 0 for not slow start.
const toggleHome = () => {
scroll.scrollToTop({
duration: 0,
});
};
like if it useful

Is anyone having trouble with the sidebar menu? When I try to stay on the section I've clicked it goes to the top of the page, so it does when I clock on close Icon. Great tutorial.

Dude

Your is the best.
Nice vídeo, ver good brother

Make a 1 hour video of one nice tuto from google

Even though I have yarn installed, it doesn't start with the react when I create the app. How do I fix this?

Edit: I don't know if it's because it's been two years since he posted this tutorial, but things seems to have changed a bit. Using git bash on the directory I wanted to create the project, I wrote "yarn create reac-app (app name)" and it worked.

thank you for teaching me react js

For some reason the sidebar remains open on my browser. When I refresh I only see the sidebar as well. Clicking the close button on the top right (x) won't close it either. I presume isOpen is always set to true and toggle isn't working in my code. I rechecked everything with the video multiple times and can't find any errors. :( Any help on this issue please?

Not sure why but I can get the img to display if I have it as a .png but not svg

This is a fantastic video, I'm using the template to build a website for my friend's small business!

Sir which packages u used didn't not tell us
.. Plz tell us about packages u install

Hi Brian, I have a question. What if I want the button to go to another page created? Currently, all buttons in the info session template go to the same home page. Thanks a lot.

Thank you so much for the tutorial you are so nice!!

Hi, since the very beginning, my navbar is not showing at all. ive copied the exact same code as you as well

My FaBars does not show up and I followed the procedure, I don’t know what’s the issue and how to fix it

Awesome tutorial! I've been following along with your instructions and ran into an issue with the hover property. The hover works fine for my side bar elements but it doesn't work for the navbar elements at all. My code is pretty much the exact same as the source code except for the changing of colors. So I have no idea why the hover isn't working. If anyone can give me some advice that'd be a great help!🙏

Thank you for the lesson!

Thanks for the course, it is great. I don't know why I keep losing the navbar when putting : margin-top: -80px;

is there any way to run this app with npm and not with yarn?

thanks from Brazil, i'm glad that you just give us this full content for free.. at moment, i cant help with money but here is my thank you! I learn a lot with this video !!