Читать книгу React Native w akcji - Nader Dabit - Страница 38

Jak już wspomniano, rdzeniem React Native jest koncepcja komponentów. Komponenty to zbiory danych i elementów interfejsu użytkownika, które składają się na widoki i ostatecznie na aplikacje. React Native ma wbudowane komponenty, które są traktowane w tej książce jako komponenty natywne, ale można również za pomocą frameworka budować własne komponenty. Zagłębimy się w tworzenie, budowanie i używanie tych komponentów.

Jak wspomniano wcześniej, komponenty React Native są budowane przy użyciu JSX. Tabela 1.1 pokazuje kilka podstawowych przykładów tego, jak w React Native wygląda JSX w porównaniu do HTML-a. Jak możemy zauważyć, JSX jest podobny do HTML-a lub XML-a.

Tabela 1.1. Komponenty JSX kontra elementy HTML

Typ komponentu	HTML	React Native JSX
Text	<span>Hello World</span>	<Text>Hello World</Text>
View	<div> <span>Hello World 2</span></div>	<View> <Text>Hello World 2</Text></View>
Touchable highlight	<button> <span>Hello World 2</span></button >	<TouchableHighlight> <Text>Hello World 2</Text></TouchableHighlight>