#26 React Styled Components Tutorial - React Styling - CSS in JS - React Tutorial Bangla Series

React JS Tutorial Bangla Series for Beginners | Think in a React way - #26 React Styled Components Tutorial - React Styling - CSS in JS - React Tutorial Bangla Series

4.0 (2)

30 learners

What you'll learn

This course includes

30.3 hours of video
Certificate of completion
Access on mobile and TV

Summary

Keywords

react styled components styling react components css in js library react css react styling react tutorial bangla series react js react js tutorial react js tutorial for beginners react js bangla react js bangla tutorial reactjs

Full Transcript

React Styled Components Tutorial - React Styling - CSS in JS - React Tutorial Bangla Series In this React Bangla Tutorial, I have explained about Styled Components in React and thereby learn how to inject CSS in JS. You will understand how we can style React components with styled components and achieve css modularity and completely separate logic from styles. ❒ Complete React Playlist - https://lwsbd.link/react ❒ Project Github Repository Link - https://github.com/learnwithsumit/think-in-a-react-way [ branch - "lesson-26" ] ❒ Theme used - Learn with Sumit VS Code Theme - Peace of the Eye color variant - https://lwsbd.link/vst ▬ Contents of this video ▬▬▬▬▬▬▬▬▬▬ 0:58 - Intro 0:59 - What is Styled Component 1:53 - Example Setup 3:58 - Installation 4:54 - Container 19:07 - Passing Props to Styled Component 22:46 - Nested CSS 30:54 - Why Styled Component 32:18 - Styling Custom Component 41:13 - Global Style 46:18 - Task for you - ThemeProvider 50:58 - Final words 53:31 - Outro References: 👍 Styled Components Documentation - https://styled-components.com/docs 👍 Styling React Component Previous Tutorial - https://lwsbd.link/rstyle 👍 Tagged Template Literal Tutorial - https://www.youtube.com/watch?v=ws_XgqikD6o&list=PLHiZ4m8vCp9MFjMRp9EEHWKArbi0wdgXG 👍 VS Code Styled Components Plugin - https://marketplace.visualstudio.com/items?itemName=jpoissonnier.vscode-styled-components 👍 Render Props Tutorial - https://lwsbd.link/rp 👍 SASS Tutorial - https://lwsbd.link/sass 👍 Higher Order Component - https://lwsbd.link/hoc 👍 Context API Tutorial - https://lwsbd.link/ctx কোন প্রশ্ন থাকলে comment section এ comment করতে পারেন। সেই সাথে আমাদের একটি Facebook Group আছে। সেখানেও আপনার প্রশ্ন করতে পারেন। সব প্রয়োজনীয় link নিচে দেয়া হলো - 👍 Facebook Group - https://www.facebook.com/groups/learnwithsumit 👍 Like our Facebook Page - https://www.facebook.com/LetsLearnwithSumit 👍 Follow us at Instagram - https://www.instagram.com/learnwithsumit 👍 Follow me at - https://www.facebook.com/sumit.analyzen 👍 Learn with Sumit Official VS Code Theme - https://marketplace.visualstudio.com/items?itemName=SumitSaha.learn-with-sumit-theme #reactjs #styled-components