Saltar al contenido

Cómo convertirse en un desarrollador nativo de React en 2018 – Hacker Noon

Es genial ver esto. Pasé el último año, a tiempo completo, enseñando a las personas a usar React Native. Desde equipos de desarrollo que buscan maximizar sus recursos existentes mientras llegan tanto a iOS como a Android, hasta personas en África e India que buscan mejorar la calidad de vida de su comunidad a través de aplicaciones móviles.

Parte de esta enseñanza es responder correos electrónicos de personas, muchas de ellas recién comenzando, tratando de descubrir la “mejor” manera de aprender React Native.

Algo que hago mucho: responder correos electrónicos. ¿Una pregunta que surge mucho? ¿Cuál es la “mejor” forma de aprender React Native? Aunque no hay una única manera, esto es lo que les he dicho a cientos de futuros desarrolladores de React Native. Espero que te ayude a ti también.

Consejos

Antes de sumergirnos en las cosas tácticas de convertirnos en desarrolladores de React Native, quiero darte algunos consejos sobre la autoeducación en general. Descubrí que las personas son generalmente buenas para aprender por sí mismas nuevas materias … cuando dedican tiempo.

Entiendo que todos estamos ocupados, pero al hacer algunas cosas te enseñas mucho a ti mismo.

Evita el ruido

Estás en Medium ahora mismo. Es posible que haya encontrado esto a través de Google o al suscribirse a la publicación. Eso significa que probablemente vea / escuche muchas cosas relacionadas con la tecnología.

¡Esto es genial! Este mundo de tecnología en el que vivimos está en constante crecimiento y evolución.

Pero puede ser agotador, especialmente si recién está comenzando. Mi sugerencia es la siguiente: una vez que hayas terminado de leer esta publicación y de preparar un plan de estudio, mantén la cabeza baja.

Concéntrese en lo que está aprendiendo y bloquee las cosas nuevas por un tiempo. Permítase aprender los conceptos básicos en lugar de perseguir perpetuamente su cola con el último paquete / forma de hacer las cosas.

Haz un plan y apégate a él. Lucha contra FOMO (miedo a perderte algo). Estará allí en unas pocas semanas una vez que tenga sus conocimientos básicos.

Mantenlo bajo en juego

Respondo constantemente correos electrónicos en los que la gente intenta integrar algún paquete complejo en su aplicación existente y no funciona. Y debe funcionar, ¡esta es mi gran aplicación!

Sé que quieres sumergirte en la creación de tu aplicación Ahora mismo. Pero ese no es el mejor lugar para aprender. Es frustrante porque hay muchas partes móviles y es exasperante cuando, la semana que viene, ve que hizo algo mal y ahora tiene que revisarlo y solucionarlo en su aplicación.

Aprenda un concepto / un paquete / una técnica a la vez. Hágalo en un entorno de desecho / caja de arena.

Una vez que lo descubras en la caja de arena, tráelo a tu aplicación real. Estará más feliz, su código se beneficiará y comprenderá mejor lo que está sucediendo.

Lo garantizo.

Tiempo programado

Estás ocupado. Estoy ocupado. Estamos todos ocupados. Pero hacemos tiempo para las cosas importantes: tal vez sea una cita con el médico, tal vez sea una reunión con su jefe o un inversionista, tal vez sea una cita con su nuevo interés amoroso.

El punto es que usted hace un compromiso, lo pone en su calendario y lo cumple.

Aprender e invertir en uno mismo es igual de importante y merece ser programado. Debe mantenerse como cualquiera de esos otros compromisos importantes.

¡Pero no tengo tiempo!

Encuentra 5 minutos, sé que puedes. Reserve 5 minutos todos los días de la semana. Una vez que se sienta cómodo, aumente a 10. Una vez que se sienta cómodo, aumente a 15.

El punto es tenerlo en su calendario y presentarse a él. Confía en mí, funciona.

Mi tiempo de aprendizaje es 30 minutos antes de almorzar y de 15 a 30 minutos después de la cena.

Haz un plan de estudio

Lo mencioné antes, pero realmente quiero repetir esto. Vale la pena tener un plan. Ya lo haces por tantas cosas en tu vida, ¿por qué no hacerlo para aprender React Native?

Volviendo a mi primer consejo: si no tienes un plan, te encontrarás corriendo persiguiendo lo más nuevo en tu feed de Medium / Twitter. Ahora no es el momento para eso. Ahora es el momento de hacer un plan de estudios.

Así es como te sugiero que lo hagas. Mire los recursos de aprendizaje que mencioné a continuación, revise el contenido que ofrecen y colóquelo en su calendario. Mantén la cabeza baja y trabaja en eso antes de mirar cualquier otra cosa.

Hacer un plan de estudio puede parecer una barrera o algo complejo de hacer. ¡No es! Y para quitarte una distracción te hice uno para que sigas este post. Descárgalo ahora.

No solo consumas

Creo que esto es algo con lo que muchos de los estudiantes de mis cursos luchan. Miran los videos y eso es todo. Codifique al lado o escriba lo mismo que hice justo después de que termine el video.

Consumir y crear es cómo logramos la maestría y realmente entendemos. Te encuentras con problemas que tienes que depurar, te preguntas por qué se hace algo de cierta manera y construyes memoria muscular.

No solo consumas, crea.

Recursos de aprendizaje

JavaScript

¿Quieres más recursos? Aquí hay una gran cantidad de ellos, curados por Eric Elliott.

Hay mucho en cualquier lenguaje de programación. Si solo está interesado en aprender las características de ES6 que verá comúnmente en el desarrollo de React Native, preparé esta descripción general para usted.

Reaccionar

Es necesario tener conocimientos de React para utilizar React Native. Quiero decir que está en el nombre. Los documentos oficiales de React pueden ayudarte mucho aquí.

Soy un gran admirador del tutorial React de Dan Abramov. Le enseña las cosas que necesita saber para poder usarlo.

Si es nuevo en JSX, esto le ayudará:

También hago referencia constantemente a los diversos métodos del ciclo de vida porque mi cerebro se niega a recordarlos.

Reaccionar nativo

El primer lugar serán, al igual que React, los documentos oficiales. Específicamente la guía para aprender los conceptos básicos.

Una vez que hayas terminado con eso, entonces tengo un curso gratis para ti. Lo guiará en la construcción de un conversor de divisas con React Native.

Otro recurso gratuito sólido es Reaccionar Native Express por Devin Abbott.

Estos recursos deberían brindarle una base realmente sólida sobre la cual construir.

Herramientas para usar

Una de las cosas más difíciles de aprender algo nuevo es asegurarse de tener configurado su entorno de una manera que le permita aprenderlo realmente. He aquí cómo hacerlo más fácil.

Expo

Expo hace que el desarrollo de aplicaciones móviles sea increíblemente fácil. Le permite crear aplicaciones móviles independientemente de la plataforma en la que se encuentre y se encargan de las cosas nativas intimidantes de las que no necesita preocuparse en esta etapa de aprendizaje.

El otro beneficio: proporcionan muchas API de forma predeterminada (como acceder a la cámara, acceder a los iconos y mucho más) para que no tenga que preocuparse por instalarlas. Simplemente funciona.

Si nunca ha trabajado con React Native, o incluso si lo ha hecho, le sugiero que lo compruebe. Así es como estoy construyendo todas mis aplicaciones ahora.

Reaccionar navegación

Es muy probable que su aplicación tenga más de una pantalla. Para manejar la navegación, consulte React Navigation. Es fácil de usar y la mayoría de los tutoriales que encuentres (¡una vez que termines tu plan de estudio!) Probablemente lo usarán.

Reaccionar elementos nativos

React Native Elements es una biblioteca de interfaz de usuario que te permitirá crear aplicaciones atractivas de forma rápida y sencilla.

Más allá de proporcionar componentes de interfaz de usuario comunes, es una excelente manera de aprender a usar React Native. Los componentes están muy bien diseñados y es un gran proyecto en el que sumergirse para aprender a estructurar y construir sus propios componentes de interfaz de usuario.

Si ha mirado los resultados de El estado de JavaScript 2017 encontrarás un montón de datos interesantes.

Una idea que me llamó la atención: mucha gente quiere aprender React Native.