Skip to content

Latest commit

 

History

History
 
 

Postwork

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 

Sesión 1: Fundamentos de React Native

🎯 Objetivos

  • Construir una app desde React native CLI
  • Desarrollar los primeros componentes de la app
  • Renderizar en una sola pantalla todos los componentes aprendidos.

Desarrollo

Tal como lo hicimos en el Work, realizarás una app con la ayuda de React Native CLI y en una sola pantalla se usarán todos los componentes estudiados, recuerda crear esta app con el template TypeScript y no el de JavaScript.

  • Sabemos que una de las cosas más importantes al iniciar una app en React Native es decidir un nombre, elígelo bien ya que este nombre será el nombre de tu app hasta el final del curso. Hay maneras de cambiar el nombre, pero ninguna tan eficiente como no renombrar nunca tu app.
  • Esta app que trabajaremos hoy será usada en los futuros postworks. Estos postworks se refieren a la app como "Sweeter". Sweeter es el nombre que daremos de ejemplo para la app que desarrollamos en los postworks, puedes llamarla como tu gustes o puedes tomar este mismo nombre.
  • ¿Por qué se llama Sweeter nuestra app de ejemplo? Planeamos hacer una app inspirada en Twitter. Se elige twitter porque tiene la complejidad necesaria para aprender todo lo que react native ofrece.
  • Esta app, al terminar el curso, ¡será evaluada!
  • En futuros postworks también los diseños tendrán que ver con el nombre de tu app, en el caso de los ejemplos tendrán que ver con el nombre "Sweeter".
  • La app debe ser creada mediante React Native CLI.
  • Debe contener un componente llamado "Profile" que retorne una Imagen de perfil y un texto que despliegue el nombre del usuario.
  • La app debe ser scrolleable.
  • Debe tener un botón que active y desactive un ActivityIndicator. Estos dos componentes deben venir de un nuevo componente "ActivityToggler".
  • Asegúrate de customizar el Status bar de la app a tu manera, este debe de estar contenido en un componente que se llame "CustomStatusBar".

Este postwork es mayormente de exploración e involucra ser creativo, así que tu aplicación no va a ser nada similar a la de tus compañeros. ¡Sé tan creativo como quieras!