watermark logo

3 Views· 16 August 2022

React Website Tutorial for Beginners | Responsive React Website Using Styled Components

Advertisement


NidaCarner
Subscribers

React website using styled components from scratch. React website responsive design tutorial for beginners. Learn React.js responsive design.

Learn CSS animations: https://lama.dev/learn-css-animation
Learn SVG animations: https://lama.dev/learn-svg

Support the channel:

Buy me a coffee: https://www.buymeacoffee.com/lamadev
Join me: https://www.youtube.com/channe....l/UCOxWrX5MIdXIeRNaX

Source Code: https://github.com/safak/youtu....be/tree/react-websit (3 copyrighted photos not included)

Join Lama Dev groups
Facebook: https://www.facebook.com/groups/lamadev
Instagram: https://www.instagram.com/lamawebdev
Twitter: https://twitter.com/lamawebdev
Discord: https://discord.gg/yKremu4mPr

0:00 Introduction
01:09 Installation
03:36 How to Add a Font Family to React App
05:34 React Styled Components
07:39 Create React Navbar
16:57 Product Introduction Page
28:57 How to use Clip-path
32:21 React CSS Animation
40:09 React Features Page
50:52 React Services Page
01:03:20 Adding a Video to React App
01:08:45 React Pricing Page
01:20:20 React Contact Page
01:33:20 React Footer Design
01:37:10 React Responsive Design
01:58:38 Outro

Show more


Up next

Advertisement


0 Comments