jutsu-react-native:react-native-styling
React Native Styling
Use this skill when styling React Native components using StyleSheet API, Flexbox layout, and creating responsive, platform-aware designs.
Key Concepts
StyleSheet API
Create optimized styles with StyleSheet:
import { View, Text, StyleSheet } from 'react-native';
export default function Card() {
return (
<View style={styles.container}>
<Text style={styles.title}>Title</Text>
<Text style={styles.body}>Body text</Text>
</View>
More from thebushidocollective/han
android-jetpack-compose
Use when building Android UIs with Jetpack Compose, managing state with remember/mutableStateOf, or implementing declarative UI patterns.
1.1Kfastapi-async-patterns
Use when FastAPI async patterns for building high-performance APIs. Use when handling concurrent requests and async operations.
785storybook-story-writing
Use when creating or modifying Storybook stories for components. Ensures stories follow CSF3 format, properly showcase component variations, and build successfully.
486atomic-design-fundamentals
Use when applying Atomic Design methodology to organize UI components into quarks, atoms, molecules, organisms, templates, and pages. Core principles and hierarchy.
361solid-principles
Use during implementation when designing modules, functions, and components requiring SOLID principles for maintainable, flexible architecture.
246angular-rxjs-patterns
Use when handling async operations in Angular applications with observables, operators, and subjects.
216