Sysco LABS Tutorials | Styling React Components

by Sysco LABS Blog 19 June 2019

UI/UX Lead Roshan Wettesinghe conducts this Sysco LABS Tutorial on Styling React Components.

The tutorial covers;
– Different Ways to Style React Components
– Drawbacks of using Inline Styles and CSS
– Demo on the use of Styled Components including;
i. How to create styled components
ii. How to use tag template literals
iii. Styling using pseudo elements
iv. Passing props and changing styles accordingly
v. Extended styles
– Pros and Cons of Styled Components

Watch the full tutorial below;



Leave a Comment