آموزش با کامپوننت های Styled واکنش نشان دهید

معرفی Introduction

• آنچه شما باید بدانید What you should know

• استفاده از GitHub Codespaces Using GitHub Codespaces

• با مولفه های استایل شده واکنش نشان دهید React with styled components

1. React، Components و JSX 1. React, Components, and JSX

• مقدمه ای بر اجزا Introduction to components

• راه حل: دستور JSX به HTML Solution: JSX syntax to HTML

• چالش: نحو JSX به HTML Challenge: JSX syntax to HTML

• مقدمه ای بر نحو JSX Introduction to JSX syntax

• ارائه داده های پویا Rendering dynamic data

• مقدمه ای بر React Introduction to React

2. React Modules 2. React Modules

• راه حل: یک برنامه React ایجاد کنید Solution: Create a React app

• واردات و صادرات Importing and exporting

• چالش: یک برنامه React ایجاد کنید Challenge: Create a React app

• راه اندازی یک اپلیکیشن Setting up an app

3. React Props 3. React Props

• چالش: رندر با نقشه Challenge: Render with map

• نقشه برای رندر پویا Map for dynamic rendering

• مدیریت تجهیزات و وضعیت Managing props and state

• راه حل: رندر با نقشه Solution: Render with map

• کار با داده های پویا Working with dynamic data

• مقدمه ای بر لوازم جانبی Introduction to props

4. اجزای سبک 4. Styled Components

• سبک های جهانی Global styles

• چالش: به یک برنامه React استایل بدهید Challenge: Style a React app

• راه حل: به یک برنامه React استایل دهید Solution: Style a React app

• کامپوننت‌های مدل‌دار: برچسب‌گذاری‌شده الگوی واقعی Styled components: Tagged template literals

نتیجه Conclusion

• مراحل بعدی Next steps