React Native - Twórz komponenty, nie powtarzaj styli

03/29/20201 min czytania — w Programowanie

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.