Build a responsive website in React using Styled Components - Intermediate React Project

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

0:00 - Introduction
1:37 - Start
3:05 - Packages
3:50 - Global styles
8:05 - Components
11:03 - Hero section
15:03 - Fonts
16:14 - Navbar
23:59 - Features
26:43 - Content section
31:10 - Carousel
34:58 - Finishing up

******************************************************************
**************************************************************************************
Рекомендации по теме
Комментарии
Автор

Guys new version of react replaces <Switch> to <Routes> and exact component = {Home} to element={<Home />}

Versole
Автор

this video taught me more about how to actually use styled components in a project instead of a lot of those half baked tutorials whose code don't scale up at all.

thatsalot
Автор

This is exactly what i am looking for. Thank you so much

ngwokekingsley
Автор

I think best styled components video I have ever seen.

abdulkadirmete
Автор

I like your style you are a Pro, If you can slow down a bit so I can catch up with you, this is the kind a tutorial I can follow. Fix those skipped lines 43 to 80 in global styles

bhutienockmalapane
Автор

Thank you, I love this short tutorials! Subscribed

julian_pp
Автор

Nice tutorial bro, you winned another sub

jesustzinon
Автор

i liked your video and made it 1K. Feels great!

mathis-meth
Автор

You are awesome. This is a content worth subscribing. Please keep making such wonderful content.

pratikbankar
Автор

Thanks for the video. Where did you get the vector images for the Hero Data?

thecoder
Автор

great content, unfortunately I'm not yet able to understand every single line but i can see the light at the end of the tunnel. +1 sub

personzen
Автор

Great Job. Really impressive. Well done!

emmanuelfabiani
Автор

Love this video- i have a question tho hopefully you can help- im using react router dom v6 and in Navbar.js it is not rendering any of the pages from the navbardata.js do you have any insight?

HuyNguyen-fqpe
Автор

Hi bro! the best video, but i' m worried with globa-lStyle from line 42 you jumped to line 104. can you fix that it is important to me as a learner

bhutienockmalapane
Автор

good work!!!! but how can i use buttonLabel: 'View Project' redirect to other link/page

eduardoguedes
Автор

hey buddy, im interested in how you setup your global style. can you explain a little?

danneytee
Автор

getting this error when trying to build the carousel

Module not found: Can't resolve 'react-slick' .seems like problem with react-slick. anybody experienced it.

kayalvr
Автор

Excellent vid. But mine is not displaying anything else except for the navbar and footer. I can't seem to find the solution

takudzwakanonhuwa
Автор

where u got the deal.avg and other svg files ??

nezarsaababouhamdan
Автор

Nice website, I´m trying to learn react for the frontend and flask in the backend. This helps me a lot. Although I get an error with the navbar when I click on "About". It shows me this error: TypeError: Cannot read properties of null (reading 'scrollIntoView'). Thanks for the hardwork and hope you can help me.

juanfranciscogarciatrejo