اين آيتم پايان يكي‌از پيش پردازنده هاي CSS شالوده طراحي اپليكيشن ميباشد، رايا پارس در واقع راهي ميباشد براي تايپ كردن استايل هاي شما به طريق اي خاص بوده و براي ماژولار كردن بهCSS به عمل مي رود. در‌اين نحوه فقط اصول نخستين در اينجا پوشش داده مي‌شود و استايل آن به طور دستي رئيس مي‌شود. از اين ابزار براي استايل دادن به كامپوننت هاي React نيز استعمال ميشود. اين واپسين عملكرد براي ساخت CSS حقيقتاً مدولار با ادغام آن با اجزاي JS شما خواهد بود. اين فرمان دارنده مزيت بزرگي ميباشد كه از روش آن ديگر نيازي به ايفا كردن استايل كامپوننت ها در React و به طور inline نميباشد و هر بلوك Style را مستقيماً بر روي اسم عنصري كه از آن استعمال مي‌كنيد، اعلام مي نمايد.

به صورت نمونه براي ساخت و ساز يك كامپوننت تايتل كه بتواند تگ
را با برخي استايل ها ارائه بدهيد مي بايست اين سيرتكامل نوشته گردد:

const Title = styled.h1`
font-size: 1.5em;
text-align: center;
color: palevioletred; `;
مزاياي به كارگيري از پيش پردازنده Styled Component
با استعمال اين نوع از پيش پردازنده هاي CSS ميتوانيد كپسوله سازي جامعي از كامپوننت هاي خويش داشته باشيد.
ايجاد كرد استايل با روشي سريع براي كامپوننت ها
خودداري از استايل هاي فقطً الحاقي

معايب به كار گيري از پيش پردازنده Styled Component
شما به تايپ كردن CSS معمولي اي برگشته ايد كه خودش اشكالات بخش اعظمي دارااست.
اين نوع از پيش پردازنده هاي CSS تنهاً براي React JS درج شده ميباشد.
خلا قابليت براي جانبداري از مرورگرهاي متفاوت