React.js آموزش

سرفصل ها و درس ها

مقدمه Introduction

• رابط کاربری قوی با React.js ایجاد کنید Create robust user interfaces with React.js

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

• کار با پرونده های تمرینی Working with the exercise files

1. واکنش چیست؟ 1. What Is React?

• React چیست؟ What is React?

• ابزارهای Chrome را برای React تنظیم کنید Set up Chrome tools for React

• سایتهای React را بازرسی کنید Inspect React sites

2. معرفی عناصر واکنش پذیر 2. Introduction to React Elements

• برنامه ایجاد-واکنش-را نصب کنید Install create-react-app

• ایجاد یک پروژه Generate a project

• عناصر React ایجاد کنید Create React elements

• عناصر رفکتور با استفاده از JavaScript به عنوان XML (JSX) Refactor elements using JavaScript as XML (JSX)

3. واکنش اجزاء 3. React Components

• یک جزء React ایجاد کنید Create a React component

• خصوصیات مؤلفه را اضافه کنید Add component properties

• مؤلفه SkiDayCounter را ایجاد کنید Create the SkiDayCounter component

• روشهای سفارشی را اضافه کنید Add custom methods

• اجزای عملکرد ایجاد کنید Create function components

4- Props و State 4. Props and State

• مؤلفه ها را تشکیل دهید Compose components

• نمایش اجزای کودک Display child components

• معرفی دولت Introducing state

• با استفاده از setState Using setState

• تصویب حالت به عنوان غرفه Pass state as props

• ارائه شرط Conditional rendering

5. ویژگی های کتابخانه اضافی 5. Additional Library Features

• چرخه عمر مؤلفه Component life cycle

• واکشی داده ها Fetching data

• دسترسی Accessibility

• تشکیل می دهد Forms

• غرفه های پیش فرض Default props

• PropTypes PropTypes

• کد مدولار Modularizing code

• برنامه را بسازید Build the app

نتیجه Conclusion

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