projects tag: react hooks
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 Next.js
An app which implements the OMDB API using Next.js, protects your API key, and deploys to vercel.com.
#async-await, #css animation, #custom next.js _error.js page, #dotenv, #environment variables, #eslint, #fetch api, #husky, #invalid search keywords error handling production, #lint-staged, #local scripts, #modern javascript, #next.js, #next/router hooks, #node.js, #node modules, #omdb api, #pagination, #prettier, #project, #react hooks, #required boolean attribute, #sass, #scss, #scroll-down button, #scroll-up button, #server side rendering, #stacktrace error-handing development, #stylelint, #vercel