Iteración sobre proyecto de tutorial de freeCodeCamp

Español Comentarios del Proyecto
1

Hace algún tiempo he estado trabajando en un proyecto que modifica un proyecto de un tutorial de javascript del canal de freeCodeCamp en español. El proyecto en concreto es una aplicación de lista de tareas que desplegué por medio de cloudfare. La modificación que tiene el proyecto es que hago uso de sessionStorage para persistir las tareas y uso imports para modularizar el código.

Tomé inspiración un poco de otro curso del canal de freeCodeCamp en inglés en el que la persistencia se logra por medio del uso de firebase y leer la documentación de la mozilla foundation. Después de darle vueltas al asunto, leer la documentación de la mozilla foundation y codifcar en distintos momentos he llegado a un resultado que me es satisfactorio

Agradecería que se den una pasada por el proyecto y me den sus opiniones de qué tal les parece.

2

You need to use a default value or optional chaining for the initial localStorage code.

let alamacenATratar = JSON.parse(sessionStorage.getItem("tareas")) ?? [];

Or

alamacenATratar?.forEach((objRecuperar) => {})

Otherwise, you get an error when the code runs the first time because localStorage.getItem returns null if it doesn’t find the key.

app.js:17 Uncaught TypeError: Cannot read properties of null (reading 'forEach')
1 Like
3

Did those errors appear to you in a specific scenario or they may happen?

4

It will always happen the first time a user loads the page before there is anything saved to local storage.

It seems you fixed it, but I got two different versions of the code and in one of them it wasn’t fixed correctly. Likely has to do with Cloudflare Pages (caching or different edges not having the same version yet).

1 Like
5

I’ve used the app in firefox and never gotten that error, however I’m going to do the modification you suggested in case the error occurs in other browsers. Thank you :+1: