React Native assim como React é baseado em Components. Os componentes permite que a aplicação seja divida em partes, como blocos isolados, cada um livre leve solto. Sendo reutilizáveis em outras partes da aplicação sem interrupção de outros.

diagram_react-native-components_dark.svg


Como React Native funciona?

→ A cross-plataform ou multiplataforma do React Native permite que tenha uma arquitetura única;

Os elementos Core do React Native é como se fossem uma ponte. O sistema emprega na biblioteca React para renderizar aplicação em devices.

→ Transformando código JS em códigos nativos e vice versa.

A “Ponte” transcreve Javascript em plataformas especificas de componentes, chamado de JS call, para APIs (Kotlin, Objective C, Java) que permite que nativos renderização em uma aplicação, Esse processo não afeta experiência de usuário, mas quando mais chamados tiverem, mais pesado fica.

Components e Props

function Welcome(props) {
	return <h1>Olá, {props.name}</h1>
}

const nameElemet = <Welcome nome='Daniel' />

React Native Navigation

Arrow function in JavaScript