برنامه نویسی

ورودی قابل استفاده مجدد: از ساده اول (قسمت 1)

سلام به همه ، من به عنوان یک توسعه دهنده Reactjs می خواهم در مورد مشکلاتی که ذهن من برای شروع یک پروژه است به اشتراک بگذارم.

در اصل ، اغلب هر بار که یک پروژه را اجرا می کنم ، شخصاً از کتابخانه های اضافی برای مؤلفه هایی که می خواهید استفاده کنید استفاده می کنم.

این بار می خواهم با ایجاد خود مؤلفه ، خودم را کشف کنم و تا حد امکان وابستگی های دیگری را اضافه نمی کنم.

اولین مورد ، مؤلفه مورد استفاده را وارد کنید

نمونه طراحی ورودی که می خواهید استفاده کنید

نمونه طراحی ورودی که می خواهید استفاده کنید

تقسیم ستون

تقسیم ستون

سلب مسئولیت در این ساخت به طراحی پیکسل کامل اشاره نمی کند

از تصویر بالا می توانیم جراحی کنیم:

  1. این مؤلفه ها دارای خواص مورد نیاز هستند
  2. 2 ستون وجود دارد ، برای نمایش برچسب ها و اجزای ورودی
  3. مرز گرد ، بالشتک ، سبک فونت ، Hover Outline Saat

بیایید این کار را انجام دهیم!

ابتدا برای استفاده از Reacts ، من از Reacts برای گزینه های رایگان رایگان استفاده می کنم.

npm create vite . -- --templte react~
می توانید اینجا را بررسی کنید

پس از آن ، بیایید مؤلفه input.jsx را به سادگی بسازیم

سپس در مؤلفه والدین استفاده می شود

نتایج ورودی ساده

نتایج ورودی ساده

یک ظاهر طراحی شده روی مؤلفه

یک ظاهر طراحی شده

اجزای ورودی پس از یک ظاهر طراحی شده

از خواندن شما متشکرم! 🫡 بچه های Rispek!

GitHub/Learn-Build/مؤلفه

نوشته های مشابه

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دکمه بازگشت به بالا