Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. React Native

Cómo Aprender React Native: Comienza Con Estos Cursos y Tutoriales

by
Read Time:8 minsLanguages:

Spanish (Español) translation by Nadia Castelli (you can also view the original English article)

Tanto si eres nuevo en React Native como si llevas años utilizando el framework, siempre hay algo más para aprender. Este poderoso framework basado en JavaScript hace posible tomar código que podría pertenecer a un sitio web, y convertirlo en una app móvil nativa.

Este poder conlleva cantidad de técnicas, arquitecturas, y elecciones de diseño de diferente complejidad de aprendizaje. Esta guía recorrerá algunos de los mejores recursos disponibles en Envato para ayudarte a comenzar con React Native, y para que sigas educándote, sin importar en qué nivel estás en este momento.

Antes de empezar, quizás quieras revisar algunas de las excelentes plantillas de app React Native que están a la venta en CodeCanyon. Comenzar con una de estas plantillas puede ayudarte a empezar tu proyecto de la mejor manera.

Acerca del Framework React Native

Las apps móviles ya existen hace rato, pero el reciente advenimiento de los framework de aplicaciones basados en JavaScript ha cambiado el juego por completo. Aunque hay variedad de frameworks, React Native se ha convertido en uno de los grandes competidores en este espacio, impulsando apps gigantes tales como Facebook, Instagram, Discord, Airbnb, y cientas (si no miles) más.

¿Por qué React Native se convirtió en el framework principal para desarrollo de apps?

En resumen, hace que el desarrollo de apps sea exponencialmente más eficiente tanto para los desarrolladores como para las compañías. Construyendo a partir de código JavaScript central, React Native reduce, y en muchos casos, elimina el trabajo duplicado que solía ser necesario para lanzar una app para iOS y para Android. Adicionalmente, el poseer un único lenguaje que además es ampliamente utilizado en el desarrollo web significa que existen muchos más desarrolladores disponibles para trabajar en proyectos. Esto se traduce en más ayuda cuando te encuentras con un problema, más documentación disponible acerca de cómo llevar a cabo tareas comunes, y más ingenieros si fuese necesario.

Ahora que hemos conversado un poco acerca de la importancia de React Native, veamos el primer paso de nuestro viaje por React Native, ganando velocidad en JavaScript.

Antes de Comenzar Con React Native

React Native es un framework poderoso, pero antes de comenzar a trabajar con él, necesitas familiarizarte con la tecnología subyacente. En este caso, veremos principalmente JavaScript, y quizás un poco de React.

Un buen lugar para empezar es la serie de cursos Practica JavaScript y Aprende, que puede ayudarte a definir lo básico de JavaScript rápidamente:

Luego, querrás expandir tu conocimiento para incluir Fundamentos Modernos de JavaScript, y finalmente absorber el conocimiento completando algunos proyectos:

Una vez completados (o si ya tenías conocimientos de JavaScript), querrás comenzar con algo de React. React es un framework JavaScript que sirve como base para React Native, y poseen un número de similitudes, incluyendo su estructura y dependencia en componentes.

Una vez que comprendes React, serás capaz de aplicar mucha de esa información a una app React Native. Si tienes experiencia con JavaScript y otros frameworks, sin embargo, siéntete libre de saltear estos pasos y pasar directamente al aprendizaje de React Native.

Para el resto de nosotros, vamos a revisar estos cursos sobre los fundamentos de React:

Con React bajo tu dominio, es momento de zambullirnos en React Native. Aunque existen muchas similitudes entre React y React Native, necesitas desarrollar algunas habilidades importantes para crear tu app nativa. ¡Vamos a revisarlas!

Básicos de React Native

Ya cumplimos todos nuestros prerrequisitos, así que es momento de meternos de lleno.

React Native tiene dos piezas principales que queremos atacar primero, su arquitectura y el uso de componentes. Los componentes con frecuencia son porciones de código o UI autónomas, construidas de manera modular, por lo cual pueden ser reutilizadas varias veces a lo largo de una app (o incluso pueden incluirse en otros programas con facilidad). Estos están comúnmente atados a elementos de pantalla, como pantallas de login, botones, u otras interacciones. El uso de estos componentes como los bloques principales de la app es lo que le confiere a React Native su arquitectura única.

Esta arquitectura implica que los elementos están con frecuencia divididos de manera tal que su funcionalidad y su interfaz de usuario están separadas. Luego son agrupados en las pantallas, donde cada una representa literalmente una pantalla que se muestra al usuario. Esta estructura facilita la depuración de tu código, la reutilización de componentes entre pantallas, y la reescritura de componentes para su uso con nuevos propósitos.

Primero puedes chequear este artículo acerca del Ecosistema React Native para familiarizarte con qué herramientas, ambientes, y otros recursos útiles existen. Una vez hecho esto, este curso sobre Cómo Comenzar con React Native te enseñará muchos de los básicos, como inicializar tu ambiente, lidiar con JSX, y más. Finalmente, prueba programar tu propio componente siguiendo este tutorial sobre creación de un Componente de Calendario con React Native.

Una vez aprendidos estos básicos, el siguiente paso es profundizar en el trabajo y la creación de apps completas. Veremos esto a continuación.

Creando Apps Completas con React Native

Fantástico, en este punto ya tendrás un buen nivel de familiaridad con el trabajo en React Native, Ya sabes qué son los componentes, cómo integrarlos en pantallas, y has armado algunas funcionalidades pequeñas por tu propia cuenta, o has realizado algunos cambios sobre código preexistente. A continuación veremos cómo puedes combinar todo esto para crear apps plenamente desarrolladas utilizando React Native.

Aún no hemos llegado totalmente al punto de poder armarlas desde cero, pero tomando una plantilla, biblioteca, o recurso ya existente, nos daremos maña para convertirla en un producto final usable.

Un buen lugar para comenzar es reforzar un poco tu entendimiento de JSX y React con este curso en profundidad que arrojará más luz sobre su funcionamiento:

Luego, echa un vistazo a algunas de las plantillas de app que ya existen. Estudia su código, su estructura, y su documentación. Incluso más importante, sin embargo ¡juega con ellas! Agrega tus propios componentes, modifica el funcionamiento de alguno existente, o personaliza parte del estilo. Cualquier cosa que hagas para llevarlo desde una plantilla estándar hasta un producto mínimo viable y funcional, te ayudará a fortalecer las habilidades principales que se requieren para construir Apps React Native.

Aquí hay un buen comienzo en algunas de las mejores disponibles en Envato:

Una vez que hayas trabajado en algunos proyectos por tu cuenta, es momento de movernos hacia las partes más avanzadas de React Native.

Técnicas y Funciones Avanzadas de React Native

Cuando trabajamos con conceptos más avanzados de React Native, hay dos direcciones hacia donde ir: en profundidad y en amplitud. Puedes aprender más acerca de cómo crear una app desde cero, de principio a fin, trabajando en cada etapa (en amplitud). Pero además quizás quieras ir en profundidad, investigando maneras específicas de mejorar tu uso de React Native, como dominar estructuras de app avanzadas o realmente sumergirte en alguna biblioteca o servicio disponible (como Firebase). ¡O quizás quieras hacer ambas!

Para ir en amplitud, prueba este curso que te guiará a través de la creación de una app de principio a fin:

Si quieres profundizar en un tema específico, hay muchísimos disponibles.

Un buen comienzo sería familiarizarte con el uso de Expo para trabajar en proyectos y facilitar el testing y despliegue:

Además, quizás desees aprender cómo conectar tu aplicación con un back-end popular y expansible como AWS:

O revisa algunos de estos cursos más avanzados sobre React y React Native:

Diseñando tu Camino React Native

Como cualquier lenguaje o framework de programación, nunca has terminado realmente. A medida que te abres camino, aparecen nuevas funcionalidades todo el tiempo y se dan a conocer casos de uso más complejos. Debido a esto, tu camino de aprendizaje puede ser diferente al de alguien más.

¿Cómo aprendiste React Native? ¿Cuáles son tus recursos favoritos para aprender y mejorar en el desarrollo de apps? ¡Házmelo saber!

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.