React Native Stylesheets vs CSS-in-JS

[focus-bear-intern-review-bot]

📌 React Native Stylesheets vs CSS-in-JS

🎯 Goal

Learn how styling in React Native differs from traditional CSS and explore different styling approaches.

---

✅ Why is this important?

Focus Bear uses React Native Stylesheets for consistent styling across components. Unlike web CSS, React Native does not support all standard CSS properties.

---

✅ Tasks

• Research the differences between React Native Stylesheets and standard CSS
• Experiment with both StyleSheet.create() and inline styles
• Explore how styling frameworks like @rneui/themed or react-native-paper work
• Test responsiveness using built-in React Native utilities

---

✅ Reflection (rn-styling.md)

• Why does React Native use camelCase instead of traditional CSS properties?
• What are the benefits of using StyleSheet.create() over inline styles?
• How would you handle different screen sizes in React Native?