مثالی از طراحی وب با React
در حالتی که در طراحی وب سایت فعالیت نموده اید، تا قبل از اینً برچسب های رایج مانند div، p، span و غیره را میشناسید. درحال حاضر فرض نمایید در حالا تشکیل داد یک وبسایت بی آلایش در HTML میباشید. در اینجا به طراحی سایت اختصاصی لحاظ میرسد:
Home
Help
Docs
بسیار معمولی، ولی همان گونه که میبینید، تکراری میباشد. برای هر گزینه منو، بایستی یک تیم بی نقص از HTML یکسان، با نمادها و عنا وین متفاوت بنویسید. حتی بدتر از آن، در شرایطیکه بعداً تصمیم گرفتید ظواهر یک مورد منو را تغییرو تحول دهید، می بایست آن را برای هر کدام نسخه برداری، مکان گذاری و به روزرسانی فرمائید.
حالا برای لحظه ای فکر کنید که در بالای همگی برچسب های جان دار، میتوانید برچسب های جدیدی بسازید. و در حالتیکه این مهارت را داشتید، آیا منوی خویش را بیشتر این چنین سازماندهی نمی کردید؟
حدوداً میتوانید اجزای خویش را تحت عنوان پوسته های کوچکی در لحاظ بگیرید که از روش برچسب ها، تماماً با HTMLیکپارچه گردیده اند. مطمئن هستم که تا به اکنون پیش بینی زده اید کهاین دقیقاً به عبارتی چیزی میباشد که ری اکت به شما اذن میدهد. بیایید به ورژن ظریف مورد ها بالا در React نگاه کنیم.
function MenuItem(props) }
return (
{props.name}
) ;
}
function Menu () {
return )
) ;
}
در نمونه بالا، توابع خیر فقط برای تعریفوتمجید یک کد، بلکه برای نامگذاری آنها نیز به کار گیری میشوند. این اسم به صورت اتومات بوسیله ری اکت به یک برچسب تبدیل میگردد، که میتوانید به آسانی از آن در هر قسمت دیگری از پروژه خویش به کار گیری فرمایید، دقیقاً مانند تگ MenuItem بالا. در اصلً ساخت وب سایت با React، میتوانید یک مؤلفه را تحت عنوان یک برچسب و تحت عنوان یک تابع در لحاظ بگیرید.
ولی کاربردهای react به همینجا تمام نمی شود و فارغ قضیه نوشته ی علمی ما میباشد. ولی جذاب میباشد بدانید از react در پیاده سازی نرم افزار های حرفهای نیز بسیار استعمال میشود. از جمله پیاده سازی نرم افزار با React Native در لیست ترندهای پیاده سازی نرم افزار قرار گرفته و روز آپ دیت به علاقه مندان آن اضافه میگردد.
سوال ها متداول
React چیست؟
React کتابخانه جاوا اسکریپت بوده که در جهت بسط رابط کاربری استعمال میگردد. طراحی وب سایت با React به شما این قابلیت میدهد پروژه های والا را به اجزای خرد تقسیم فرمائید، آنگاه آنهارا ادغام کرده، مجدد به کار گیری کنید و به اشتراک بگذارید.
یکسری خصوصیت React را اسم ببرید:
از خصوصیت های این کتابخانه می شود به تولید راحت نرم افزار های پویا، سعی بهبود یافته، اجزای قابل به کار گیری دوباره، جریان داده های یک طرفه، قابلیت یادگیری سهل و آسان، گسترش نرمافزار های اینترنت و تلفن همراه، ابزارهای منحصر به فرد برای گونه های زدایی آسوده و… اشاره نمود.
برای طراحی وب با React به چه چیزهایی نیاز میباشد؟
برای ساخت وب سایت بهاین طرز، بایستی با مفاهیم نرمافزار نویسی مانند توابع، شی ها، آرایه ها و تا حدی کلاس ها، علم مبنا جاوا اسکریپت و HTML آشنا بود.
مثالی از طراحی وب با React
در حالتی که در طراحی وب سایت فعالیت نموده اید، تا قبل از اینً برچسب های رایج مانند div، p، span و غیره را میشناسید. درحال حاضر فرض نمایید در حالا تشکیل داد یک وبسایت بی آلایش در HTML میباشید. در اینجا به طراحی سایت اختصاصی لحاظ میرسد:
Home
Help
Docs
بسیار معمولی، ولی همان گونه که میبینید، تکراری میباشد. برای هر گزینه منو، بایستی یک تیم بی نقص از HTML یکسان، با نمادها و عنا وین متفاوت بنویسید. حتی بدتر از آن، در شرایطیکه بعداً تصمیم گرفتید ظواهر یک مورد منو را تغییرو تحول دهید، می بایست آن را برای هر کدام نسخه برداری، مکان گذاری و به روزرسانی فرمائید.
حالا برای لحظه ای فکر کنید که در بالای همگی برچسب های جان دار، میتوانید برچسب های جدیدی بسازید. و در حالتیکه این مهارت را داشتید، آیا منوی خویش را بیشتر این چنین سازماندهی نمی کردید؟
حدوداً میتوانید اجزای خویش را تحت عنوان پوسته های کوچکی در لحاظ بگیرید که از روش برچسب ها، تماماً با HTMLیکپارچه گردیده اند. مطمئن هستم که تا به اکنون پیش بینی زده اید کهاین دقیقاً به عبارتی چیزی میباشد که ری اکت به شما اذن میدهد. بیایید به ورژن ظریف مورد ها بالا در React نگاه کنیم.
function MenuItem(props) }
return (
{props.name}
) ;
}
function Menu () {
return )
) ;
}
در نمونه بالا، توابع خیر فقط برای تعریفوتمجید یک کد، بلکه برای نامگذاری آنها نیز به کار گیری میشوند. این اسم به صورت اتومات بوسیله ری اکت به یک برچسب تبدیل میگردد، که میتوانید به آسانی از آن در هر قسمت دیگری از پروژه خویش به کار گیری فرمایید، دقیقاً مانند تگ MenuItem بالا. در اصلً ساخت وب سایت با React، میتوانید یک مؤلفه را تحت عنوان یک برچسب و تحت عنوان یک تابع در لحاظ بگیرید.
ولی کاربردهای react به همینجا تمام نمی شود و فارغ قضیه نوشته ی علمی ما میباشد. ولی جذاب میباشد بدانید از react در پیاده سازی نرم افزار های حرفهای نیز بسیار استعمال میشود. از جمله پیاده سازی نرم افزار با React Native در لیست ترندهای پیاده سازی نرم افزار قرار گرفته و روز آپ دیت به علاقه مندان آن اضافه میگردد.
سوال ها متداول
React چیست؟
React کتابخانه جاوا اسکریپت بوده که در جهت بسط رابط کاربری استعمال میگردد. طراحی وب سایت با React به شما این قابلیت میدهد پروژه های والا را به اجزای خرد تقسیم فرمائید، آنگاه آنهارا ادغام کرده، مجدد به کار گیری کنید و به اشتراک بگذارید.
یکسری خصوصیت React را اسم ببرید:
از خصوصیت های این کتابخانه می شود به تولید راحت نرم افزار های پویا، سعی بهبود یافته، اجزای قابل به کار گیری دوباره، جریان داده های یک طرفه، قابلیت یادگیری سهل و آسان، گسترش نرمافزار های اینترنت و تلفن همراه، ابزارهای منحصر به فرد برای گونه های زدایی آسوده و… اشاره نمود.
برای طراحی وب با React به چه چیزهایی نیاز میباشد؟
برای ساخت وب سایت بهاین طرز، بایستی با مفاهیم نرمافزار نویسی مانند توابع، شی ها، آرایه ها و تا حدی کلاس ها، علم مبنا جاوا اسکریپت و HTML آشنا بود.