Design system per React Native
Un design system per React Native - componenti dal feeling nativo su iOS e Android.
Native-UI è un design system per React Native costruito su token, temi e primitive orientate all'accessibilità. Fornisce 32 componenti e 9 primitive di layout - Button, Input, Select, BottomSheet, HeaderBar, ListItem, Toast, Modal e altro - ognuno con comportamento corretto sia su iOS che su Android, con temi chiaro / scuro completi, supporto reduce-motion e API tipizzate. Pubblicato come @polprog/native-ui su npm, alimenta diversi prodotti mobile interni ed è ora pubblicamente disponibile sotto licenza MIT.
Le funzionalità più importanti spiegate in modo pratico.
Ogni superficie - colore, spaziatura, raggio, tipografia, ombra - è un token con nome. Cambia tema chiaro / scuro / personalizzato tramite un singolo provider; i componenti leggono solo i token, quindi una modifica si propaga in tutto il sistema.
32 componenti - Button, Input, Select, BottomSheet, HeaderBar, ListItem, Modal, Toast, Switch, Checkbox, Radio, Card, Avatar, Badge, Chip, Spinner, Skeleton, SearchBar e altro - più 9 primitive di layout (Box, Stack, Heading, Text, Divider).
iOS utilizza il feedback di pressione nativo SF e le dimensioni dei fogli; Android utilizza ripple ed elevazione Material. Stesse props, comportamento corretto per piattaforma - nessun codice specifico per piattaforma nella tua app.
Ogni componente interattivo include etichette, hit-slop, ordine di focus, ruoli per screen reader e rispetto di reduce-motion. Sovrascrivi le impostazioni predefinite per istanza quando necessario.
100% TypeScript. Tipi esaustivi per props, varianti e contratti dei temi con autocompletamento nell'editor - così gli errori vengono intercettati prima del runtime.
Nessuna libreria di stile, nessun framework UI pesante - solo React Native più un sottile theme provider. Ingombro di installazione minimo, nessun rischio di blocco versione.
Un percorso chiaro dalla fonte ufficiale al primo utilizzo riuscito.
Usa uno dei link ufficiali disponibili per il tuo dispositivo o browser.
Segui le istruzioni dello store o apri l'applicazione web. Nessun programma di installazione di terze parti.
Controlla le opzioni, scegli le preferenze e inizia dal flusso principale.
Una panoramica trasparente delle tecnologie principali usate per creare e mantenere questo prodotto.
