React Native - Twórz komponenty, nie powtarzaj styli

03/29/20201 min czytania — w Programowanie, Aplikacje mobilne

Twórz komponenty

Bardzo prostą techniką, przyspieszającą Twoją pracę, jest możliwość tworzenia komponentów. Zamiast pisać tak:

// Screen.styles.ts
container: {
flex: 1,
backgroundColor: colors.white,
padding: sizes.defaultPadding,
},
// Screen.tsx
<View style={styles.container}>

Możesz zrobić sobie komponent o nazwie Container. Wtedy ten kod zwija się do prostego importu i użycia w ekranie:

import { Container } from 'components';
...
return (
<Container>
...
</Container>
)

Dzięki temu nie powtarzasz tego samego kodu, całą implementację masz schowaną i możesz skupić się na budowaniu aplikacji.

Rada ode mnie

Zawsze próbuj stworzyć komponenty. Nawet takie głupie. Chowają 5 linijek kodu, ale dzięki temu nie musisz już więcej ich pisać.

Patryk Szczygło
Programista w Netguru. Bloger od 2017 roku. Miłośnik podróży, książek i elektroniki. Stworzył własny blockchain w JavaScript. Marzy o automatyzacji i robotyce w życiu.