Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

Projects in Awesome Lists tagged with custom-hooks

A curated list of projects in awesome lists tagged with custom-hooks .

https://beautifulinteractions.github.io/beautiful-react-hooks

🔥 A collection of beautiful and (hopefully) useful React hooks to speed-up your components and hooks development 🔥

custom-hooks front-end hooks react react-components react-hooks

Last synced: 01 Dec 2024

https://github.com/antonioru/beautiful-react-hooks

🔥 A collection of beautiful and (hopefully) useful React hooks to speed-up your components and hooks development 🔥

custom-hooks front-end hooks react react-components react-hooks

Last synced: 17 Feb 2025

https://github.com/karlhadwen/netflix

Subscribe to my YouTube channel: https://bit.ly/CognitiveSurge - Building Netflix Using React

compound-components custom-hooks firebase netflix react react-context react-hooks react-portals styled-components

Last synced: 15 Feb 2025

https://github.com/karlhadwen/todoist

Subscribe to my YouTube channel: https://bit.ly/CognitiveSurge - Building Todoist Using React

custom-hooks firebase react react-context react-hooks react-testing-library todoist

Last synced: 16 Feb 2025

https://github.com/craig1123/react-recipes

👩‍🍳 A list of React Hooks utility library containing popular customized hooks

custom-hooks customized-hooks hooks react react-components react-hooks react-recipes

Last synced: 15 Feb 2025

https://github.com/karlhadwen/instagram

Subscribe to my YouTube channel: https://bit.ly/CognitiveSurge - Building Instagram Using React

custom-hooks firebase instagram react react-context react-hooks tailwindcss

Last synced: 19 Feb 2025

https://github.com/stevenpersia/captain-hook

Custom React hooks for your project.

custom-hooks hooks react

Last synced: 14 Feb 2025

https://github.com/webNeat/react-tidy

A collection of atomic, independent, typed, tested and documented React custom hooks.

custom-hooks react react-hooks utility-library

Last synced: 24 Nov 2024

https://github.com/webneat/react-tidy

A collection of atomic, independent, typed, tested and documented React custom hooks.

custom-hooks react react-hooks utility-library

Last synced: 20 Feb 2025

https://github.com/karlhadwen/newsreader

Building a newsreader using the HackerNews Api, React, React Testing Library, Styled Components, Axios & Memo

axios custom-hooks hackernews-api infinite-scroll memo react react-hooks react-testing-library styled-components

Last synced: 09 Nov 2024

https://github.com/pyr33x/rehooks

A CLI to scaffold your react custom hooks, with a focus on performance, reusability, and type-safety.

cli custom-hooks docs documentation eslint hooks monorepo nextjs react react-custom-hooks react-hooks react-hooks-library rehooks rehooks-cli rust-lang typescript vercel

Last synced: 13 Feb 2025

https://github.com/asbhogal/fyrre-magazine

A bold, striking arts and life magazine website built as an SPA using Next.js, TypeScript, React Suspense, React Hook Form, Zod, Tailwind, Shadcn, GSAP and E2E Testing using Playwright from Figma templates designed by Pawel Gola.

context-api custom-hooks e2e e2e-tests eslint figma gsap next nextjs nextjs13 playwright react react-hooks react-server-components rsc shadcn shadcn-ui tailwind tailwindcss typescript

Last synced: 21 Jan 2025

https://github.com/the-bugging/react-use-hotjar

Adds Hotjar capabilities as custom hooks such as init, identify and stateChange

custom-hooks hooks hotjar identifying-users react statechange typescript

Last synced: 14 Jan 2025

https://github.com/thepuskar/todoist-clone

Built Todo App Using React (Custom Hooks, Context), Firebase & React Testing Library. In addition to the latter technologies, I had styled the application using SCSS (CSS) and following the BEM naming methodology.

custom-hooks firebase react scss

Last synced: 09 Nov 2024

https://github.com/gulshancodes/xbeat

XBeat | Audio Store - eCommerce web application using React

context-api custom-hooks ecommerce-store ecommerce-website react react-ecommerce react-router react-sass

Last synced: 13 Nov 2024

https://github.com/fdhhhdjd/class_reactjs

🏫 Learn once, write for a lifetime.

custom-hooks formik react redux stripe tailwindcss technical

Last synced: 19 Nov 2024

https://github.com/aromalanil/usecustomhooks

📦 npm package containing a set of custom hooks for your next React project.

custom-hook custom-hooks hacktoberfest hooks npm npm-package react react-functional-components react-hook react-library

Last synced: 09 Nov 2024

https://github.com/anilcanboga/react-kanca

React-kanca, karmaşıklığı azaltarak projelerinizin daha okunabilir, yönetilebilir ve yeniden kullanılabilir olmasını sağlayan hookları içerir.

custom-hooks front-end hooks hooks-library react react-hooks

Last synced: 25 Jan 2025

https://github.com/ajeetchaulagain/react-clean-code-pattern

:bulb: A project that demonstrates the possibility of managing data in your React project that talks to external REST API through Context API and custom Hooks, increasing your code quality and maintainability.

code-maintance context-api-react custom-hooks data-abstraction json-server nextjs quality-code react rest-api

Last synced: 15 Nov 2024

https://github.com/simbathesailor/react-infinite-scroll

A dead simple infinite scroll (1.3 kb gzipped) for friends

custom-hooks infinite-scroll intersection-observer react-hooks

Last synced: 17 Oct 2024

https://github.com/w3cj/use-x

Practice implementing custom react hooks with full test suites and examples.

check-list custom-hooks hooks react react-fetch react-fetch-hooks react-test-suite test-suite usefetch

Last synced: 22 Nov 2024

https://github.com/obrm/react-best-practices-design-pattens

This repo contains code examples from the article "Best Practices and Design Patterns in React.js for High-Quality Applications". Use these organized and downloadable examples to implement best practices and design patterns in your React projects for scalability and maintainability.

best-practices compound-components context-api custom-hooks design-patterns folder-structure hocs reactjs reducers render-props services

Last synced: 09 Nov 2024

https://github.com/sankalpharitash21/masterchef

This repo. is about food ordering website build during learning from Namaste React live course by Akshay Saini

akshay-saini custom-hooks javascript namaste-dev namaste-react namaste-react-live parcel react-course react-redux react-router reacthooks reactjs swiggy-api tailwindcss

Last synced: 10 Feb 2025

https://github.com/azlibdar/react-customs

A collection of essential React hooks built with JavaScript.

custom-hooks npm-package react react-customs reactjs

Last synced: 02 Nov 2024

https://github.com/mhmtmutlu/innovance-bootcamp-homeworks

Homeworks from Innovance & Patika React Bootcamp

api custom-hooks firebase javascript reactjs scss styled-components

Last synced: 01 Jan 2025

https://github.com/sj22032003/geekster-react-module

This repository is a comprehensive resource for students learning React. It includes classwork, homework, and revision materials, all organized by day and topic for easy navigation.

axios cdn custom-hooks firebase firebase-auth hooks javascript optimization reactjs revision self-study

Last synced: 10 Nov 2024

https://github.com/ref-bit/play-act

A web app inspired by Tailwind CSS version 2 audio player example, but with full potential!

custom-hooks hooks react reactjs tailwindcss

Last synced: 18 Jan 2025

https://github.com/thepuskar/react-lazy-load-image

React Component and custom to lazy load images and other components/elements using Intersection Observer API natively present in the browser.

custom-hooks intersection-observer lazyload lazyload-image react react-hooks typescript

Last synced: 05 Jan 2025

https://github.com/thoriqdharmawan/element-helpers

Custom Hooks for your React Element 🌟🌟

custom-hooks helpers reactjs

Last synced: 04 Jan 2025

https://github.com/jasontoups/youtube-react-hooks

Search YouTube with the API, rendering the result with React & Hooks

custom-hooks react react-hooks sass sass-mixins useeffect-hook usestate-hook youtube-api

Last synced: 29 Jan 2025

https://github.com/donadam2/useotpcustomhook

This app shows how to create a reusable OTP custom hook

custom-hooks react scss webpack5

Last synced: 15 Dec 2024

https://github.com/kobir1989/react-custom-hooks-kit

React Custom Hooks with TypeScript offers essential, type-safe hooks crafted for smoother React development.

custom-hooks hooks intersection-observer npm-package react-hooks use-media-query useclickaway-hook usefetch-hook useform-hook usescroll-hook usetoggle-hook usewindowsize-hook

Last synced: 08 Nov 2024

https://github.com/shirsobhattacharyya/google-search-clone

This is my attempt to clone Google Search Engine, yes you read it right! This project attempts to demonstrate the functionalities of a search engine website like Google. The search results are displayed according to what the user searches in the search box. The search results are fetched from live google API.

api custom-hooks custom-hooks-in-react google google-search google-search-api javascript live-search react real real-time search search-engine search-results

Last synced: 02 Jan 2025

https://github.com/ilham-pratama/use-url-sync

⚛️ use-url-sync is a utility package that helps you sync your states to url without hassle

custom-hooks hooks npm react react-hooks typescript url-states yarn

Last synced: 18 Jan 2025

https://github.com/atomic-state/react-kuh

TypeScript-ready React (kinda) useful stuff

custom-hooks react react18

Last synced: 06 Dec 2024

https://github.com/sanjaraiy/lms_frontend

This repository showcases a Learning Management System built with HTML, Tailwind CSS, JavaScript, and React.js. Enhance your learning experience with a sleek and interactive platform! 🚀🎓

chartjs custom-hooks dasyui html5 javascript reack-hooks-form react-hooks reactjs redux-toolkit tailwind-css vite

Last synced: 09 Nov 2024

https://github.com/codeantik/react-gif-app

An app which displays gifs when searched and also random gifs.

api custom-hooks react

Last synced: 14 Jan 2025

https://github.com/adrianapan/react-testing-setup-example

Learn how to set up and test a production ready React application built with Redux, React hooks, routing and custom hooks; by making use of React Testing Library and Jest.

custom-hooks jest reach-router react react-hooks react-testing-library redux redux-toolkit testing

Last synced: 02 Jan 2025

https://github.com/donadam2/react-configurable-app

Create a configurable React app

api custom-hooks react redux

Last synced: 15 Dec 2024

https://github.com/moguelor/react-use-stateful-form

Custom hook to manage form state with field and fieldArrays for React 16+.

create-react-app custom-hooks open-source-project react

Last synced: 13 Feb 2025

https://github.com/sina-byn/re-hook

boilerplate code to publish your custom React hooks as fast as possible

boilerplate boilerplate-template custom-hooks react react-hooks

Last synced: 15 Feb 2025

https://github.com/iaseth/use-state-persistent

A persistent version of useState Hook using LocalStorage.

custom-hooks hooks localstorage react typescript usestate

Last synced: 30 Jan 2025

https://github.com/abdalrhman-almarakeby/where-in-the-world

Responsive Progressive Web App (PWA) to view and search for country information. Built with React, Tailwind CSS and REST Countries API. Includes search, filters, light/dark mode and detailed countries data.

accessibility api countries country custom-hooks flags props-type pwa react react-router rest-api tailwindcss vite

Last synced: 14 Feb 2025

https://github.com/wakamsha/use-listbox

A simple React Hook that Provides the behavior and accessibility implementation for a listbox component.

accessibility contextmenu custom-hooks hooks menu navigation react wai-aria

Last synced: 16 Nov 2024

https://github.com/danpoynor/full-stack-app-with-react-front-end-and-a-express-rest-api

This demo allows users to administer a school database containing information about courses. Users are able to create a new account or sign in with an existing account, retrieve a list of existing courses and view details for a course. Once authenticated, they are able to create, update, or delete courses.

api basic-authentication context-api custom-hooks demo-app expressjs fullstack-javascript javascript provider react-hooks react-markdown react-router reactjs rest-api sequelize-orm

Last synced: 17 Jan 2025

https://github.com/luovtyrell/react-incorpode

App that offers a clear view of total and daily expenses, percentage changes, and weekly charts with Charts.js. It features multi-language support via i18n, uses Context for state management, and includes testing with Vitest.

chartsjs custom-hooks flowbite i18n javascript prop-types react sonarcloud tailwindcss vitest

Last synced: 06 Jan 2025

https://github.com/bravol/practice-react-from-beginner-to-advanced

This course teaches you how to become a senior react JS developer from scratch. It will teach you many things such as context API, redux, all react hooks, routing, conditionals, props drilling and others. You will learn while developing different projects. Please do not copy and paste the code because you will cheat yourself

context-api custom-hooks javascript programming reactjs redux redux-toolkit usereducer-hooks

Last synced: 05 Jan 2025

https://github.com/luovtyrell/react-budgets

A React website for budget calculations that uses checkboxes, input fields, and buttons to adjust the total price based on user selections. Users can filter data by name, date, and price.

bootstrap5 context custom-hooks eslint prop-types react

Last synced: 06 Jan 2025

https://github.com/milaziabchenko/netwonderland-streaming-service

Streaming app 🖥 written in React.js, using built-in & custom Hooks, Reducer, Context, React Router v6, REST API integration with Axios, Firebase Auth, localStorage API, and stylish minimalist design ❤

axios context-api css css-animations custom-hooks debounce firebase-authentication localstorage-api optimization performance react-hooks react-js react-router-v6 responsive-layout rest-client search tabs ui-design vite

Last synced: 09 Jan 2025

https://github.com/kirankumar-matham96/busy-buy-app

An easy-to-use online store where you can shop for various products. It is a modern e-commerce platform with various features aimed at providing a seamless shopping experience.

context-api custom-hooks e-commerce firebase reactjs

Last synced: 03 Feb 2025

https://github.com/kobir1989/react-cache-rx

"react-cache-rx" A library for managing data fetching and caching in React applications.

caching custom-hooks data-fetching fetch-api mutation performance react react-cache react-hooks usemutation

Last synced: 08 Nov 2024

https://github.com/sachinshilwal/nepal-localbodies-react

react package for form inputs of nepal local bodies

custom-hooks nepal-districts nepal-local-bodies react

Last synced: 12 Jan 2025

https://github.com/mahmoud-alaa1/world-wise

React application that allows users to track their travel experiences

context-api css-modules custom-hooks react react-router-v6

Last synced: 12 Feb 2025

https://github.com/jonatandb/usecart-async-react-custom-hook

Simple custom hook that works asynchronously.

async async-await custom-hooks es6 jonatandb react react-hooks

Last synced: 10 Jan 2025

https://github.com/lucasfloriani/tour-radar-challenge

Repository with the code made for the technical challenge of Tour Radar

custom-hooks jest monorepo next react storybook testing-library

Last synced: 11 Jan 2025

https://github.com/hariyebk/terasmovies

search and bookmark your favorite movies

custom-hooks data-fetching useeffect-hook usestate-hook

Last synced: 25 Jan 2025

https://github.com/milaziabchenko/react-typescript-mini-projects

React/TypeScript mini-projects created using custom Hooks, Context, GraphQL & REST API integration, React Router v6 features, Styled Components, React Spring animations, and my playful design 🎈

accordion animations context-api custom-hooks graphql-client lazy-loading loaders localstorage namespaces promise-all react react-hooks react-router react-router-v6 react-spring rest-client styled-components suspense theme-switcher typescript

Last synced: 11 Jan 2025

https://github.com/riteshsp2000/initialize-react-app

A CLI to generate and configure a React App. Supports CRA, Next.js, Gatsby, etc. Includes options to setup Typescript, ESLint, Prettier, Directory Structure, Custom Hooks, etc.

cli create-react-app custom-hooks eslint gatsby github-actions nextjs nodejs prettier react typescript webpack

Last synced: 09 Feb 2025

https://github.com/thomas465xd/personal_budget-contextapi-react

A simple personal budget and finance agenda made using React, TypeScript, reducer and contextAPI

context-api custom-hooks js jsx react reducer tailwind tailwindcss ts tsx typescript usereducer

Last synced: 13 Feb 2025

https://github.com/sanjaraiy/in

Explore this repository featuring an Instagram UI clone built using HTML, Tailwind CSS, and React. Dive into a familiar social media interface with sleek design and interactive components! 📸🌟

custom-hooks html5 javascript react-hooks react-router-dom reactjs responsive-design tailwind-css

Last synced: 05 Jan 2025

https://github.com/asbhogal/typescript-shopping-cart

An e-commerce site which allows the user to add, remove and update quantities of an item in a shopping basket using custom context and hooks. Built using React, TypeScript, Chakra UI and Vite.

chakra-ui custom-context custom-hooks e-commerce e-commerce-project ecommerce eslint localstorage react shopping-cart ts typescript vite

Last synced: 21 Jan 2025

https://github.com/asbhogal/react-state-management

A comprehensive, practical study into the different types of React State Management, covering native, indirect and direct state management libraries.

context-api custom-hooks hooks jotai react react-hooks react-location react-query reactjs redux state-management use usecallback useeffect usememo usereducer useref usestate valtio zustand

Last synced: 21 Jan 2025

https://github.com/thutasann/helpers-hooks

Helper Functions & React Custom Hooks

custom-hooks helpers nextra react

Last synced: 06 Jan 2025

https://github.com/0prashantyadav0/react-projects

it contains basic level react project. It have three ui projects in react and tailwind, custom hooks project, and project using appwrite.

appwrite custom-hooks hooks reactjs ui

Last synced: 24 Jan 2025

https://github.com/developaul/custom-hooks

A set of reusable React custom hooks that you can copy and paste into your apps. Customizable. Open Source.

astro custom-hook custom-hooks hook hooks mdx nextjs react react-hook react-hooks reactjs typescript

Last synced: 10 Feb 2025

https://github.com/evansrobbie/netflixclone_firebase

Netflix clone website where user can signup and save movies/shows to watch later using TMDB API

context-api custom-hooks firebase firebase-auth firestore react-hooks react-router reactjs usenavigate-hook

Last synced: 17 Feb 2025

https://github.com/tedjenkler/todoapp-mern-tailwind-typescript

Project by Teodor Jenkler for Frontend Mentor's challenge is a Kanban task management web app built with the MERN stack, TypeScript, and Tailwind CSS (Mobile-First). It includes features for creating, updating, and deleting boards and tasks (CRUD), marking subtasks as complete, and managing tasks with drag-and-drop functionality. Redux Toolkit is u

custom-hooks mern-stack-development react-router tailwind todoapp typescript vite

Last synced: 22 Jan 2025

https://github.com/dealbisac/theincrediblenepal-backend

Complete Web Application of The Incredible Nepal using the MERN Stack (Backend)

admin-panel backend backend-api booking-app context-api custom-hooks jwt react reactjs

Last synced: 09 Feb 2025

https://github.com/mairess/project-recipes-app-ts-v2

Aplicativo de receitas culinárias, o usuário pode pesquisar por drinks ou meals, ou escolher entre as categorias disponíveis, pode iniciar uma receita, favoritar uma receita.

context-api custom-hooks docker docker-compose react-testing-library reactjs typescript vitest

Last synced: 05 Feb 2025

https://github.com/mairess/project-starwars-planets-search

Esse projeto é uma lista com filtros de planetas do universo Star Wars, aqui utilizei context api e hooks para controlar os estados globais da aplicação. Para testá-la utilizei vitest e react testing library.

context-api custom-hooks hooks react react-hooks react-testing-library typescript vitest

Last synced: 05 Feb 2025

https://github.com/danielemidio1988/video-player

Este projeto foi desenvolvido com o propósito desenvolver um Video-Player personalizado, onde você poderá assistir e gerenciar as funções de video, como Play, Pause, velocidade, entre outros.

css3 custom-hooks html5 javascript reactjs styled-components

Last synced: 29 Jan 2025