Almacenando varios Pokémon favoritos

Clase 10 de 21 • Curso de React Native: Formularios, Almacenamiento y Deploy

Darío Condori Humerez

student•

Me salía error de parseo [ ] pero con comillas simples funciona '[]'

export async function getPokemonFavoriteApi() {
    try {
        const response = await AsyncStorage.getItem(FAVORITE_STORAGE)
        console.log("response ", response);
        return JSON.parse(response || '[]')
    } catch (error) {
        throw error
    }
}

Horus Sinhue Camacho Avila

student•

Esta sería tambien otra forma de no romper cuando no se ha instalado por primera vez la app y no has agregado favoritos pero le das click al boton

<export async function getPokemonsFavouriteApi() {
    try {
        const response = await AsyncStorage.getItem(FAVOURITE_STORAGE)
        const responseJSON = JSON.parse(response)
        return responseJSON ? responseJSON : []
    } catch (error) {
        throw error
    }
}>

Laura Natalia Castro Villanueva

student•

Tengo una pregunta y por favor que no se tome como critica ya que yo estoy aprendiendo y me gustaria hacer las cosas de la mejor manera: ¿Si es recomendable que los componentes aunque esten en diferentes carpetas tenga el mismo nombre? pro ejemplo Favorite.js esta en tres carpetas distienta y yo misma me confundo entonces supongo que si alguien viera mi codigo se perderia un poco! a menos que esto se considere una buena practica y por convension otros desarrolladores lo entienda menjor así

David Rangel

student•

Laura, excelente duda. Esto llega a pasar incluso en el ámbito laboral.

Mi recomendación para estos casos es que tú misma en tus proyectos comiences nombrando correctamente los archivos, si es un componente o test unitario recuerda usar la terminación .jsx o tsx, si sólo es lógica usa .ts o .js, los componentes en react se deben escribir con TitleCase y los custom hooks con camelCase, esto te dará pistas de qué estás usando. https://stackoverflow.com/questions/43973199/file-naming-conventions-in-reactjs

Recuerda tener bien acordado con tu equipo la arquitectura de tu proyecto https://blog.logrocket.com/guide-modern-frontend-architecture-patterns/

Si tienes dudas sobre como nombrar los archivos no dudes en levantar la mano y generar acuerdos con tu equipo.

De forma personal para mis proyectos complemento el nombre del archivo con qué es si el nombre del archivo es muy repetido como: "Favourites.ts" y "FavouritesComponent.tsx", eso me da un poco más de claridad sobre qué estoy usando, aunque no es una convención generalizada.

David Rangel

student•

Les dejo los cambios que hice en mi repo que aplican para esta clase: https://github.com/dr1602/poke-native/pull/28/files

Lo que hice fue una función que si detecta el id del pokemon en el array de favoritos, lo elimina y si no lo detecta, lo agrega. :)

El poder de los condicionales.