دوره های آموزشی آکادمی پی وی لرن (پروژه محور و ویژه بازار کار)



  • ۳۰
  • تیر

جلسه ۱۲ : استفاده از Sass در React JS

  • دسته‌بندی‌ها :
جلسه ۱۲ : استفاده از Sass در React JS

        با عرض سلام خدمت کاربران محترم سایت پی وی لرن.
        با جلسه ای دیگر از سری جلسات دوره آموزش React JS در خدمت شما عزیزان هستیم.
        در این جلسه قصد داریم به آموزش استفاده از Sass در React JS بپردازیم.

        استفاده از Sass در React JS

        Sass یک پیش پردازنده CSS است.

        فایل های Sass روی سرور اجرا شده و CSS را به مرورگر می‌فرستد.

        برای آشنایی بیشتر می‌توانید به آموزش Sass مراجعه نمایید.

        نصب Sass

        برای نصب Sass از npm استفاده می‌کنیم.

        دستور زیر را برای نصب Sass اجرا کنید.

        مثال : 

        ساخت فایل Sass

        فایل های Sass را می‌توانید مانند فایل های CSS ایجاد کنید اما با این تفاوت که پسوند فایل های Sass به صورت scss. هستند.

        در فایل Sass خود می‌توانید از متغیر ها و توابع آن استفاده کنید.

        در مثال زیر فایلی ایجاد خواهیم کرد که مقدار رنگ را در خود ذخیره کند.

        مثال : 

        حالا می‌توانید فایل Sass را نیز مانند فایل های CSS در برنامه خود import کنید.

        مثال : 

         

        جلسه آموزش استفاده از Sass در React JS و همچنین دوره آموزش React JS نیز به پایان رسید.

        امیدوارم این دوره مفید واقع شده باشد. موفق باشید.

        QR:  جلسه ۱۲ : استفاده از Sass در React JS
        به اشتراک بگذارید