Atomic Design for React Native FAQs

Question 1

How does this skill handle React Native accessibility?

Accepted Answer

It enforces an 'Accessible by Default' principle, providing guidance on mandatory accessibility props and ensuring a minimum 44x44pt touch target for all interactive elements.

Question 2

Where should business logic live in this hierarchy?

Accepted Answer

According to this skill's guidelines, business logic typically resides in Organisms and Screens, while Atoms and Molecules remain stateless or focused on UI state.

Question 3

Can I use this skill with Expo projects?

Accepted Answer

Absolutely. The skill includes patterns for Expo Router, safe area context, and other standard libraries frequently used in the Expo ecosystem.

Question 4

Does this skill help with platform-specific styling?

Accepted Answer

Yes, it includes best practices for using Platform.OS and Platform.select to handle visual and functional differences between iOS and Android.

Question 5

What is Atomic Design in the context of mobile development?

Accepted Answer

Atomic Design is a methodology for building design systems by breaking the UI into five distinct levels: Atoms, Molecules, Organisms, Templates, and Screens, ensuring modularity and reuse.

Atomic Design for React Native

主要功能

使用场景

Atomic Design for React Native

主要功能

使用场景