Ejecutando este comando:
npx react-native init AwesomeProject
En el archivo App.js
no entiendo 2 líneas:
import React from 'react'; import type {Node} from 'react'; // 1 import { SafeAreaView, ScrollView, // ..... Code .... const App: () => Node = () => { // 2 // ..... Code .... export default App;
Nodo de tipo de importación
Siguiente ¿Tiene sentido hacer 'importar tipo' en lugar de 'importar' con Flow? , entiendo que dicha importación se utiliza para importar un tipo de objeto, por ejemplo:
import type { Array, Object, ... } from 'wherever';
Para ser honesto, estoy más preocupado por el siguiente punto (probablemente si entiendo que automáticamente obtendría esto también).
const App: () => Node = () =>
Todo lo que veo es que la aplicación es una variable que hace referencia a una función que devuelve un objeto de tipo Node
que este Object
también es una función. ¿Envuelve la aplicación en una instancia de 'Reaccionar' o algo así?
¿Qué hace
const App: () => Node = () =>
y por qué querrías usarla?
Si quitamos los tipos, el código es:
const App = () => { // ... code }
Este es un componente funcional de reacción.
Luego, además de eso, se agrega un tipo: () => Node
. Esto significa que es una función que no toma parámetros y devuelve un Node
de reacción. Los tipos ayudan con el desarrollo al permitir que la computadora analice mejor el código y señale los errores antes (incluso antes de ejecutar el código)