How do I handle styling?

[riungemaina]

Help us help you! Have you looked for similar issues? Do you have reproduction steps? Contributing Guide

Steps to reproduce

I am using react-rails with Asset Pipeline and I am trying to style my app but I am not sure where to start.
As soon as I try to add any styles just to a component, the component just doesn't render, the frustrating bit is that there are no errors and I have gone through the docs and I see no mention of styling with the Asset Pipeline option.

I am very new to ruby so there might be a lot that I am missing that would otherwise be obvious.
I am hoping to use sass or worst case css modules.

Expected behavior

I should see the styled components

Actual behavior

The component does not render at all.

System configuration

• Shakapacker or Sprockets version: None

• React-Rails version: 3.1.1
• Rect_UJS version: None
• Rails version: 4.2
• Ruby version:2.5.8

---

(Describe your issue here)

[ahangarha]

Hi Riunge.

What you are asking is entirely related to how AssetPipeline works. Please check the Rails docs on AssetPipeline and apply them to your project.

Whenever you think the issue is related to react-rails, come back and ask more specific questions. We need to know about your implementation to be able to help. So I close the discussion for now since at least at this stage, your question is not primarily related to react-rails.

[ritikm31]

Inspect Element: Check if your styles are applied and inspect for any JavaScript errors in the browser console.
Add Debugging Code: Temporarily add console.log statements in your React component to confirm it’s loading.
Precompile Assets: Try running rails assets:precompile in development to see if that affects the rendering.
Give these steps a try and let me know how it goes or if you run into any specific roadblocks!