Once you start using JSX to create the user interface for your React application, you will write CSS code to style your app's user interface.
Ideally, beginners use the App.css file to write the CSS code to add styling to the JSX elements, but there are other ways too.
In this video, I have covered 3 different ways to add styling to your JSX elements.
1. Using the App.css file
2. Treating App.css as a module and using properties in the components
3. Using the style attribute and CSS properties as objects directly in the JSX elements
Key Moments:
0:00-0:44 - Introduction
0:45-1:08 - Different ways to use CSS
1:09-3:25 - Using App.css to add style
3:26-6:42 - Using the style attribute in JSX
6:43-9:13 - Using App.css as Module
9:14-11:21 - Quick revision
11:22 - Ending Note
Complete Playlist:    • ReactJS Course for Beginners [ENGLISH... Â
I hope you enjoy this video and learn something new.
If you do not know JavaScript, then you must learn JavaScript before starting ReactJS, and I have an amazing FREE course for JavaScript to help you learn JS - https://www.studytonight.com/code/js-course/
Follow me on Instagram:
Studytonight with Abhishek - https://instagram.com/study.tonight/
Abhitonight (Hindi Reels) - https://www.instagram.com/abhitonight/
LinkedIn: https://www.linkedin.com/in/ahlawatabhishek/
Keywords:
learn reactjs
reactjs tutorial
reactjs complete tutorial
reactjs tutorial 2023
reactjs complete tutorial 2023
reactjs beginner tutorial
react tutorial beginner
react tutorial 2023
learn react 2023
reactjs for web development
reactjs jobs
reactjs career
react JSX
reactsjs jsx tutorial
add style to jsx
style attribute with jsx
how to use style in jsx element
CSS as module in reactjs
2 Comments