فرمها و ورودیهای کنترلشده (Controlled Inputs)
بخشی از دوره ریاکت
یک حرف در یک <input> ساده HTML تایپ کنید و مرورگر خودش همهچیز را سر و سامان میدهد: عنصر مدل شیئی سند (DOM) بیسروصدا هرچه نوشتهاید را نگه میدارد و لازم نیست به کسی خبر بدهد. تا وقتی برنامه شما نخواهد بداند همین حالا داخل آن جعبه چیست، این کافی است. اما به محض اینکه بخواهید مقدار را اعتبارسنجی کنید، دکمهای را تا درستشدن مقدار غیرفعال نگه دارید، یا هنگام ارسال آن را جایی بفرستید، «مرورگر یک جایی یادش هست» دیگر...
تختهای سفید را تصور کنید که یک نماینده کنارش ایستاده است: هیچکس اجازه ندارد مستقیم روی تخته بنویسد، در عوض به نماینده میگویند چه چیزی نوشته شود، او اول یادداشت خودش را بهروز میکند و بعد همان را روی تخته رونویسی میکند. برای یک تخته سفید کار دستوپاگیری است، ولی معنایش این است که نماینده در هر لحظه نسخهای دقیق و بهروز از آنچه روی تخته است دارد، بیآنکه لازم باشد برود و تخته را بخواند. ...
میخواهی ریاکت فرمها و ورودیهای کنترلشده (Controlled Inputs) را در یک محیط واقعی یاد بگیری؟
روی دکمه زیر بزن تا یک ماشین لینوکس با ریاکت آماده دریافت کنی و فرمها و ورودیهای کنترلشده (Controlled Inputs) را بهصورت عملی با یک مربی هوشمند که کدت را میشناسد تمرین کنی.
شروع این درسفرمها و ورودیهای کنترلشده (Controlled Inputs)چه چیزهایی یاد میگیری
- Controlled input pattern
- Value and onChange together
- Multi-field form state
- OnSubmit and preventDefault
- Gathering form data
این درس را به زبان خودت بخوان
همهٔ درسهای این دوره
17 درس- 1ریاکت چیست؟25 دقیقه
- 2JSX و کامپوننتها (Components)30 دقیقه
- 3پراپس (Props)30 دقیقه
- 4وضعیت (State) با useState35 دقیقه
- 5مدیریت رویدادها30 دقیقه
- 6رندر شرطی و لیستها30 دقیقه
- 7فرمها و ورودیهای کنترلشده (Controlled Inputs)35 دقیقه
- 8افکتها (Effects) با useEffect40 دقیقه
- 9دریافت داده40 دقیقه
- 10ترکیب کامپوننت (Component)35 دقیقه
- 11Context و useContext35 دقیقه
- 12useReducer35 دقیقه
- 13هوکهای سفارشی (Hooks)35 دقیقه
- 14عملکرد و مموایزیشن (Memoization)35 دقیقه
- 15مسیریابی با React Router40 دقیقه
- 16آزمایش کامپوننتهای ریاکت (Components)40 دقیقه
- 17پروژه نهایی: برنامه کارها60 دقیقه
