آموزش react native کاربردی
react native
امروز ، ما در آغاز کار خود را آغاز می کنیم. بیایید ببینیم React چیست و چه عاملی باعث تیک تیک آن می شود. ما در مورد اینکه چرا می خواهیم از آن استفاده کنیم بحث خواهیم کرد.
طی 30 روز آینده ، احساس خوبی نسبت به قسمتهای مختلف چارچوب وب React و اکوسیستم آن خواهید داشت.
هر روز در ماجراجویی 30 روزه ما بر اساس مطالب روز گذشته بنا خواهد شد ، بنابراین در پایان این مجموعه ، شما نه تنها اصطلاحات ، مفاهیم و زیربنای چگونگی عملکرد چارچوب را می دانید ، بلکه می توانید از React در خود استفاده کنید برنامه وب بعدی.
بیا شروع کنیم. ما از همان ابتدا شروع خواهیم کرد زیرا مکان بسیار خوبی برای شروع است.
React چیست؟
React یک کتابخانه JavaScript برای ساخت رابط های کاربری است. این لایه مشاهده برای برنامه های وب است.
در قلب تمام برنامه های React ، اجزای سازنده هستند. کامپوننت یک ماژول مستقل است که مقداری خروجی ارائه می دهد. ما می توانیم عناصر رابط مانند یک دکمه یا یک قسمت ورودی را به عنوان یک جز component React بنویسیم. اجزا قابل ترکیب هستند. یک م Aلفه ممکن است یک یا چند م componentsلفه دیگر را در خروجی خود داشته باشد.
به طور کلی ، برای نوشتن برنامه های React ، اجزای React را می نویسیم که با عناصر مختلف رابط مطابقت دارند. سپس ما این م componentsلفه ها را در م componentsلفه های سطح بالاتر که ساختار برنامه ما را مشخص می کنند ، سازمان می دهیم.
به عنوان مثال ، یک فرم بگیرید. یک فرم ممکن است از بسیاری از عناصر رابط ، مانند فیلدهای ورودی ، برچسب ها ، یا دکمه ها تشکیل شده باشد. هر عنصر داخل فرم را می توان به عنوان یک جز Re React نوشت. سپس می خواهیم یک م componentلفه سطح بالاتر ، م componentلفه فرم ، بنویسیم. م componentلفه فرم ساختار فرم را مشخص می کند و شامل هر یک از این عناصر رابط در داخل آن است.
نکته مهم ، هر م componentلفه در یک برنامه React اصول دقیق مدیریت داده را رعایت می کند. رابط های کاربر پیچیده و تعاملی غالباً شامل داده های پیچیده و حالت برنامه هستند. سطح React محدود است و با هدف دادن ابزارهایی به ما ارائه می شود که بتوانیم با مجموعه ای از شرایط پیش بینی کنیم که برنامه ما چگونه به نظر می رسد. بعداً در این دوره به دنبال این اصول هستیم.
منبع:
https://www.newline.co/fullstack-react/30-days-of-react/day-1/