projects tag: api error handling
Monsters Rolodex (React Hooks)

I recently upgraded this project to React 18 using functional React components AND hooks. For state I use the useState hook, for side effects the useEffect Hook, and the useCallback hook to prevent infinite function calls to the function created to fetch the data from the JSONPlaceholder API.
#apis, #api error handling, #create react app, #css grid, #css in js, #dart sass, #fetch api, #flexbox, #modern javascript, #npx, #react 18, #react hooks, #lazy loading, #project
OMDB API JS App

I originally created this client slide application using the OMDB API before creating my OMDB API Node.js version. After I created that one, and discovered potential built-in API errors in the Node.js version, I applied and transformed them into their client-side rendition. I felt it important to introduce my students to application error handling and thus a basic form of "testing".
#ajax, #api error handling, #css in js, #event listeners, #getElementsByTagName, #innerhtml property, #javascript object, #manipulating the dom, #modern javascript, #mousedown event, #node sass, #project, #template string literal interpolation, #this