Course Content
Mastering React
1. Introduction to React
What is React?Web Application ArchitecturesVirtual DOM and Browser DOMJSXRender Element to DOM TreeChallenge: Render ElementComponentsChallenge: Functional ComponentsConditional RenderingChallenge: Render Content ConditionallyRender a Data CollectionChallenge: Render Collection"Introduction to React" Section Sum Up
Mastering React
Challenge: CSS Modules
Task 1
We plan to design a user card that displays the user's photo and relevant information. It is crucial to apply appropriate styles to each component and ensure their proper utilization. Our goal is to achieve such UI:

The task is:
- In the
UserInfo.jsx
file, import the styles file (UserInfo.module.css
) and assign it ass
for style association. - To complete the app building, import the
UserInfo.jsx
file into theApp.jsx
.
Hint
1. To import a file, use the
2. To associate the CSS file with the
3. To utilize the
import
statement and specify the
source file. 2. To associate the CSS file with the
s
, import it using import s from "path_to_the_file";
3. To utilize the
UserInfo
component within the App
component,
use the syntax </UserInfo />
Everything was clear?
Section 2. Chapter 9