¿Cómo funciona el proyecto de código abierto nativo React?

La forma más rápida de aprender cualquier tecnología es aprender la sintaxis básica y luego imitar proyectos de código abierto, y React Native no es una excepción. React Native se lanzó hace más de un año y hay demasiados proyectos de código abierto. Tomemos uno de estos como ejemplo para mostrarle cómo ejecutar un proyecto de código abierto (suponiendo que haya creado un entorno nativo de React).

Descargar proyectos de código abierto

Primero, necesitamos encontrar proyectos de código abierto, como el que se muestra a continuación.

Dirección:/bob 1993/react-native-gank

Ingrese a github, clone a local o descargue directamente a local.

Basándonos en nuestra experiencia previa de ejecutar proyectos nosotros mismos, ingresaremos directamente al directorio del proyecto en la consola y presionaremos Enter.

React-native run-ios o react-native run-android.

En este momento descubrí que no existe una directiva nativa de reacción.

La razón es que la mayoría de los proyectos de código abierto no son proyectos completos y carecen de dependencias del proyecto, al igual que ejecutamos Java sin un entorno jdk.

El siguiente es un proyecto completo:

Para reducir la longitud, el proyecto de código abierto no envía el directorio node_mudules y debemos instalarlo nosotros mismos.

Npm instala node_modules.

Node_modules es una dependencia de todo el proyecto. ¿Qué contiene? Todos los archivos incluidos están escritos en el archivo package.json. Este documento es esencial. Necesitamos descargar de acuerdo con esta lista.

En este momento, necesito darles una breve introducción. Debido a que el proyecto nativo de reacción se construye a través de nodejs, el archivo package.json debe usarse en el proyecto nodejs. Para obtener más información, consulte el conocimiento relacionado con nodejs.

Instalar node_modules es muy sencillo. Vaya al directorio del proyecto y ejecute el comando.

La instalación de npm

descargará automáticamente las dependencias correspondientes basadas en package.json.

Pero el problema viene, suelen ocurrir los siguientes errores:

La mayoría de ellos son causados ​​por problemas de velocidad de la red, y algunos incluso requieren una descarga a través de la pared. La mejor manera es cambiar la fuente de descarga de npm a una réplica doméstica. Hay tres formas de modificarlo, de la siguiente manera:

1. A través del comando config

Configuración de NPM establece registro/liuhongjun 719/react-native-daidaidaihelper nuevo asistente de préstamo

/Liu Hongjun719/react-native-baby health-imitation baby health

/nihgwu/react-native-sudoku sudoku sudoku

/Atención/Lectura

/coder glm/reactnativelearning

/eesc 88/programador cliente de traducción en la nube

/jiangqqlmj/GaGaMall

/879479119/beep Bilibili-react-local Imitación del cliente Bilibili.

/Shuijwan/Marvel Comics Movie Client

/talentjiang/react _ native _ office company cliente de oficina móvil OA

/yohnz/maoyanFilm Maoyan movie client

/yohnz/maoyanFilm Maoyan movie client

/soliury/noder-react-native node cliente de foro

/Kennytian/LagouApp imitación Lagou cliente

/sfantasy/ weiborectativeios Sina Weibo Client

/kailuo99/toutiaoiOS News Headlines APP

/xiekw 2010/react-native-gitfeedgithub Client

/isimar/Hacker News -react-native hacker news client

/starzhy/cliente theone code farmer

/tabalt/cliente de noticias reactivenews

/VC zero/React -Dou Douban cliente de búsqueda

/race 604/zhi Cliente diario Zhihu nativo de reacción diaria