آموزش کامل ری اکت [ قسمت 11] Reactjs : فرمها در reactjs , React-hook-form

  Рет қаралды 3,061

SarvinStyle Coding

SarvinStyle Coding

Күн бұрын

دوره جامع ری اکت جی اس - در این آمورش react از صفر تا صد و از مبتدی تا پشرفته به طور کامل ری اکت آموزش داده شده است. و شما با تماشای این دوره جامع React, reactjs را پروژه محور یادخواهید گرفت.
در درس 11 reactjs نحوه کار با فرمها و بخصوص ورودی اطلاعات یعنی input ها را یادخواهید گرفت . با کمک پکیج react-hook-form به سادگی و با کدنویسی کمتر و تمیزتر می توانید از input ها اطلاعات را دریافت و روی آنها پردازش کنید.
ضمنا در این درس نحوه Form validation را بطور کامل و از صفر تا صد آموزش داده شده است.
source code:
github.com/sarvinstyle/React....
برای تماشای درسهای قبلی آموزش React js رایگان لینک زیر را کلیک کنید:
قسمت 1 : React setup
• آموزش کامل ری اکت [قسم...
قسمت 2 : JSX - React component & props
• آموزش کامل ری اکت [قسم...
قسمت 3 : React conditional rendering
• آموزش کامل ری اکت [قسم...
قسمت 4 : useState hook
• [قسمت 4] دوره کامل آمو...
قسمت 5 : first React project
• آموزش کامل ری اکت [قسم...
قسمت 6 : useEffect hook
• آموزش کامل ری اکت [قسم...
قسمت 7 : fetch Data from api
• آموزش کامل ری اکت [ Re...
قسمت 8 : React route and navigation
• دوره کامل آموزش ری اکت...
قسمت 9 : useContext hook
• دوره کامل آموزش ری اکت...
قسمت 10 : react-query
• آموزش جامع ری اکت [ R...
قسمت 11 : react-hook-form
• آموزش کامل ری اکت [ قس...
قسمت 12 : custom hooks
• آموزش ری اکت React js ...
قسمت 13 : useReducer
• آموزش صفر تا صد React ...
قسمت 14 : Redux
• آموزش ری اکت React js ...
قسمت 15 : TypeScript
• آموزش ری اکت React js ...
لیست کامل دوره آموزش رایگان reactjs :
• بهترین و کاملترین آموز...
00:00 | مقدمه
01:17 | React-hook-form
06:23 | پیاده سازی
08:45 | Form validation
18:09 | Regular experation
20:36 | نمایش پیام خطا
23:46 | تغییر پیام خطا

Пікірлер: 42
@user-ie8wj6kw7z
@user-ie8wj6kw7z 5 ай бұрын
thank you so much for this wonderful course specially this lesson❤🌹
@sarvinStyle
@sarvinStyle 5 ай бұрын
You're very welcome!
@armintattoosypply5969
@armintattoosypply5969 11 ай бұрын
thank you so much for sharing your knowledge with us .
@user-uu5ni7yg8q
@user-uu5ni7yg8q Жыл бұрын
عال بود مرسی عزیزم❤
@user-vy1dk7wx2w
@user-vy1dk7wx2w Жыл бұрын
عالی مثل همیشه ❤🌹😘
@MSEIN2303
@MSEIN2303 11 ай бұрын
بسیار عالی و مفید
@mjpor5726
@mjpor5726 Жыл бұрын
Wonderful, thank you
@msakhizada
@msakhizada Жыл бұрын
خیلی ممنون عالی بود
@user-ne5qm2md2k
@user-ne5qm2md2k 6 ай бұрын
بهترین مدرس برنامه نویسی که تاحالا دیدم ، اکثر این مدرس ها یه جوری توضیح میدن که اصلا نمیفهمی چی شد ولی در مورد سروین استایل اینجوری نیست واقعا ممنونم
@sarvinStyle
@sarvinStyle 6 ай бұрын
ممنون از لطفتون
@n_a_r_g_e_si
@n_a_r_g_e_si Жыл бұрын
ممنون ازتون❤
@OmidMahmoudkhany-yv1dp
@OmidMahmoudkhany-yv1dp 9 ай бұрын
Thank you for your trouble
@mehdismaeili3743
@mehdismaeili3743 Жыл бұрын
ٍExcellent.
@ROYALNIL_SITE
@ROYALNIL_SITE 10 ай бұрын
سروین عزیز هم خودتون زیبا و موهای فر واقعا خوب هست و هم آموزشتون خیلی خوبه 😍 1-در فرم ثبت نام معمولا در کنار فیلدها ستاره قرار گرفته و باهاور کردن روی اون توضیحات نشون میده که بهتر هست ! و اگه فیلید اشتباه باشه بعد از لود شدن قرمز شده وerror رو در بالای صفحه نشون می ده برای اینکار چکار باید کرد ؟ 2- برای افزودن گزینه " معرف " به فیلید چکار باید کرد که با توجه به اینکه هر user ثبت نام کرده و id داره و در بازاریابی شخصی رو ثبت نام کنه در پلن بازاریابی وارد بشه و مشخص بشه که معرفش چه شخصی بوده ؟ که لازم هست در ثبت نام با لینک معرف ثبت نام کنه و id معرف در ثبت نام مشخص بشه یا اینکه کد معرف رو در فیلد وارد کنه و اگه درست بود ثبت نام انجام بشه ! ؟ ممنون #ROYALNIL
@rahneshin752
@rahneshin752 Жыл бұрын
❤❤❤❤❤
@mohammadsalimi1016
@mohammadsalimi1016 Жыл бұрын
مرسی از مطالبتون لطفا از useReducer هم یه ویدیو بذارید❤️
@sarvinStyle
@sarvinStyle Жыл бұрын
چشم حتما
@user-pr2vt6uf5j
@user-pr2vt6uf5j Жыл бұрын
ما انتظار داریم لباس های طراحی خودتون هم به این موهای زیبا اضافه کنید✌ از محتوای کانال هم بسیار ممنونم
@LadanKash-pj7hs
@LadanKash-pj7hs 5 ай бұрын
salam, merci az amoozeshe khubetoon,Agar bekhahim data be firebase ya mongo db zakhireh beshe chekar bayad kard? merci
@user-pr2vt6uf5j
@user-pr2vt6uf5j Жыл бұрын
❤❤
@alimardani4306
@alimardani4306 Жыл бұрын
کاریکاتور اون گوشه چی میگه هه هه هه هه خیلی باحاله
@user-hr2tc5wh1n
@user-hr2tc5wh1n 7 ай бұрын
درود به شما میشه لطفا راهنمایی کنید چجوری در ری اکت سایت دوزبانه ایجاد کنیم ؟
@mscomputer3805
@mscomputer3805 Жыл бұрын
سلام خانم مهندس. درود بر شما عالی بود. اگه براتون مقدوره بعد از این دوره یه پروژه کاربردی کوچک رو با ری اکت کد بزنید مممممنون می شم
@sarvinStyle
@sarvinStyle Жыл бұрын
حتما
@eksyaretcompany
@eksyaretcompany Жыл бұрын
بدون شال و روسری زیباترین
@cssfarsi8989
@cssfarsi8989 Жыл бұрын
اموزش دیدن ملت اینطوریه که ویدئوی چگونه با برنامه نویسی میلیونر شویم یا مهاجرت کنیم هر چنل ۲۰۰ کا بازدید داره اما وقتی به مراحل عملی کار میرسیم بازدیدا میشن ۲۰ تا😄
@sarvinStyle
@sarvinStyle Жыл бұрын
دقیقا همینطوره اما من برای اون ۲۰ نفر هم با کمال میل آموزش می گذارم
@mehdi2584
@mehdi2584 11 ай бұрын
بنظرتون این دوره ی شما میتونه مقدمه ی ورود به بازار کار و مصاحبه باشه ؟
@sarvinStyle
@sarvinStyle 11 ай бұрын
بلی صد در صد
@mehdi2584
@mehdi2584 11 ай бұрын
@@sarvinStyle یه نظر ازتون میخوام من الان دارم مباحث رو مرور میکنم ک برم برای مصاحبه قبلش دوره ی پروژه محور تون رو ببینم بنظرتون میتونه جمع بندی خوبه باشه یا ناقصه یا ...
@mehdi2584
@mehdi2584 11 ай бұрын
نظرتون چیه استاد ؟
@sarvinStyle
@sarvinStyle 11 ай бұрын
@@mehdi2584 بلی حتما دوره پروژه را انجام بدین و فقط تماشا کردنش کافی نیست حتما باید سطر به سطر کدها رل خودتون بنویسید بعد از اون تقریبا آماده مصاحبه می شین
@mehdi2584
@mehdi2584 11 ай бұрын
@@sarvinStyle در کنارش بنظرتون چه کاری کنم آماده تر بشم
@farzad5128
@farzad5128 Жыл бұрын
خیلی خوب توضیح میدی.مرتب. منظم‌و با جزییات. ولی یه انتقاد تند بکنم از شما اینکه درسته بصورت مقدماتی دارید ری اکت رو اموزش میدید و نسبتا به بقیه بهتر اموزش میدید ولی باید بگم که متاسفانه فارسی زبانان آموزش های بشدت روتین و سطح پایین رو اموزش میدن. خیلی خیلی کم دیدم کسی آموزش ارتباط بین ری اکت و بک‌اند رو بصورت سطح بالا با جزییات و چالش های سخت ان ارائه بده. با مثلا کانفیگ های سنگین وب سرورها. یا اس کیو ال کوئری های پیچیده. یا چالش های تایید هویت. چالش های امنیتی و‌ مقابله با هک و انتی اسپم ها. اموزش های سطح پایین مثل ری اکت نمیگم بده. ولی محتوا بسیار زیاده براش. ولی مواردی که گفتم اصلا محتوای فارسی براشون بسیار کمه. بازم میگم این اموزش هایی که شما میزارید هم با ارزش و مهم هستند ولی متاسفانه در پروژهای سطح بالا، موارد و چالش های سنگینی پیش روی آماتورها خواهد بود که عملا دلسرد خواهند شد. سپاس سروین عزیز
@sarvinStyle
@sarvinStyle Жыл бұрын
انتقادتون کاملا به جاست اما تصمیم گرفت از صفر آموزش بدم و برای همین نمی تونم تا مباحث مبتدی تموم نشده وارد مباحث پیشرفته تر شم ضمنا درست یا غلط فکر می کنم معمولا مباحث پیشرفته تر را همه به انگلیسی جستجو می کنن فکر می کنم اگر مطالب خیلی پیشرفته تر را آموزش بدم بازدید کننده نخواهد داشت
@sky42916
@sky42916 9 ай бұрын
اگه امکانش هست لطفا یه نظر سنجی بزارید، شاید مباحث پیشرفته طرفدارهایی داشته باشن و درخواستهایی وجود داشته باشه از طرف دنبال کننده های چنل شما. با سپاس فراوان
@hamedesmaeli4554
@hamedesmaeli4554 Жыл бұрын
من ریاضی رو بجز 4 عمل اصلی چیزی بلد نیستم بنظرتون میتونم برنامه نویس بشم؟
@sarvinStyle
@sarvinStyle Жыл бұрын
اگر واقعا فقط این چهار عمل اصلی را بلد هستین برنامه نویسی برای شما مناسب نیست
@techguy766
@techguy766 Жыл бұрын
سلام استاد زیبای من کاش زودتر بودید من یکم همیشه جلوتر هستم ولی بازم ویدیو هاتون و نگاه می کنم الان سر بحث لاگین و پروسه توکن رفرش توکن و اتنتیکیشن دارم نابود میشم خیلی سخته منابع خوبی هم پیدا نمی کنم چون توکن بیس داری جی دبلیو تی هست .... ضمنا استاد کاش اینستاگرام هم داشته باشید مثل بقیه اساتید که بیشتر بشناسنتون
@sarvinStyle
@sarvinStyle Жыл бұрын
مرسی، بلی منم همین مشکلات چند سال پیش داشتم در نهایت با ترکیب کانتکست و لوکال استوریج تونستم پیاده سازی کنم
@sarvinStyle
@sarvinStyle Жыл бұрын
صفحه اینستاگرام اما زیاد توش فعال نیستم چون باید وقت بیشتری روش بگذارم که متاسفانه فعلا اون زمان اضافی را ندارم و اونجا پیامهای خیلی بیشتری بهم می دن که واقعا نمی تونم به همشون جواب بدم برای همین فعلا فقط رو یوتیوب فعالیت می کنم
@techguy766
@techguy766 Жыл бұрын
@@sarvinStyle استاد براتون ممکن هست لینک سورس هاتون در این باره رو بهم بدید؟ من مفهوم و کار با لاگین و توکن ... رو یاد بگیرم فکر کنم خیلی طول بکشه تا در این مورد ویدیو بسازید
آموزش ری اکت React js [قسمت 12] : نحوه ساخت custom hooks
23:45
Эффект Карбонаро и нестандартная коробка
01:00
История одного вокалиста
Рет қаралды 9 МЛН
Alex hid in the closet #shorts
00:14
Mihdens
Рет қаралды 9 МЛН
New model rc bird unboxing and testing
00:10
Ruhul Shorts
Рет қаралды 23 МЛН
Beautiful gymnastics 😍☺️
00:15
Lexa_Merin
Рет қаралды 14 МЛН
Эффект Карбонаро и нестандартная коробка
01:00
История одного вокалиста
Рет қаралды 9 МЛН