Cuál es la diferencia entre #React y #ReactNative?
Una pregunta completamente valida sobre todo si estás comenzando.
Bueno, son conceptualmente lo mismo, pero... 🧵
Una pregunta completamente valida sobre todo si estás comenzando.
Bueno, son conceptualmente lo mismo, pero... 🧵
Ambos nacen de la misma idea de utilizar un modelo de componentes como abstracción para definir una interfaz de usuario.
Ambos utilizan la misma "tecnología" base que es el "core" de #React., el "reconciler" es.reactjs.org/docs/reconcili…, manejo de estado, props, etc.
Ambos utilizan la misma "tecnología" base que es el "core" de #React., el "reconciler" es.reactjs.org/docs/reconcili…, manejo de estado, props, etc.
Similares en sintaxis: ambos son "solo javascript" y utilizan JSX para definir sus componentes (y evitar tener que escribir React.createElement cada vez).
Pero se diferencian en el "engine" en donde se ejecutan.
Pero se diferencian en el "engine" en donde se ejecutan.
Cuando se habla de React se hace referencia a la librería de desarrollo web que en realidad son dos librerías.
#React que es el núcleo en donde esta "la lógica de la librería" React Fiber)
y react-dom es.reactjs.org/docs/react-dom… que propociona API de alto el nivel para..
#React que es el núcleo en donde esta "la lógica de la librería" React Fiber)
y react-dom es.reactjs.org/docs/react-dom… que propociona API de alto el nivel para..
Para trabajar con el browser, es finalmente quien "traduce" el virtual dom a elementos html en tu pantalla.
#ReactNative es similar. Se compone de React como núcleo y de react-native que contiene la lógica y las primitivas para transformar tu código javascript a código nativo.
#ReactNative es similar. Se compone de React como núcleo y de react-native que contiene la lógica y las primitivas para transformar tu código javascript a código nativo.
Lo que aprendas en una u otra plataforma te servirá en gran parte para la otra plataforma pues son conceptualmente iguales:
- Modelo de composición
- JSX
- Manejo de estado
Pero se diferencian en las primitivas que utilizan
- Modelo de composición
- JSX
- Manejo de estado
Pero se diferencian en las primitivas que utilizan
En vez de usar `<div>` `<span>` u otros elements HTML utilizas `<View>`.
En vez de <button>. Utilizas `<TouchableOpacity>`(o alguno de los elementos Touchable).
#ReactNative convertira tu codigo Javascript para ser integrado con código nativo de la plataforma (Android/iOS)
En vez de <button>. Utilizas `<TouchableOpacity>`(o alguno de los elementos Touchable).
#ReactNative convertira tu codigo Javascript para ser integrado con código nativo de la plataforma (Android/iOS)
Y además ofrece un "framework" para poder implementar módulos nativos matiashernandez.dev/agregar-modulo…
que puedan utilizar mas funcionalidades de la pltaforma
que puedan utilizar mas funcionalidades de la pltaforma
Es importante mencionar es que #ReactNative tiene 4 principios
- Native Experience: Es importante cumplir con las expectativas del usuario de cada plataforma
Es decir, no busca que todo se vea igual entre plataformas, si no que tenga sentido dentro de la propia plataforma
- Native Experience: Es importante cumplir con las expectativas del usuario de cada plataforma
Es decir, no busca que todo se vea igual entre plataformas, si no que tenga sentido dentro de la propia plataforma
@Eli_White menciona más sobre los principios del equipo en el episodio 115 de @ReactPodcast reactpodcast.com/episodes/115
• • •
Missing some Tweet in this thread? You can try to
force a refresh
