Data

Tools

Indexes

Applications

Experiments

Awesome

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

Projects in Awesome Lists tagged with useref

A curated list of projects in awesome lists tagged with useref .

https://github.com/jonkemp/gulp-useref

Parse build blocks in HTML files to replace references to non-optimized scripts or stylesheets.

gulp-plugin useref

Last synced: 15 May 2025

https://github.com/thekashey/use-callback-ref

🤙The same useRef, but it will callback

callback hooks react ref useref

Last synced: 14 May 2025

https://github.com/theKashey/use-callback-ref

🤙The same useRef, but it will callback

callback hooks react ref useref

Last synced: 26 Mar 2025

https://github.com/scottrippey/react-use-event-hook

Same as React's useCallback, but returns a stable reference.

react react-memo usecallback useevent useref

Last synced: 04 Apr 2025

https://github.com/Aminadav/react-useStateRef

useRef and UseState together!

javascript react useref usestate

Last synced: 14 Apr 2025

https://github.com/aminadav/react-usestateref

useRef and UseState together!

javascript react useref usestate

Last synced: 12 May 2025

https://github.com/vnglst/react-hooks-canvas

Tutorial React Hook with Canvas

canvas hooks react useref usestate

Last synced: 21 Jun 2025

https://github.com/icyjoseph/state-with-deps

Studying and understanding state with dependency tracking. A technique used in libraries like SWR.

javascript learning-by-doing react react-hooks state-dependency swr typescript useref usestate

Last synced: 10 Jul 2025

https://github.com/choaib-elmadi/tesla-navbar-react

Inspired Tesla Navbar using React.

react reactjs useeffect useref usestate

Last synced: 12 Jul 2025

https://github.com/yaireo/react-ref-watcher

Watchable refs changes with conditional re-renders

context hooks react reactjs state useref

Last synced: 15 Apr 2025

https://github.com/brunoscopelliti/use-forward-ref

React hook that permits to use the forwarded ref, or a fallback when it's not provided.

custom-hooks forward-ref hooks react useref

Last synced: 22 Apr 2026

https://github.com/dpvasani/react-intermediate

Welcome to the React-Intermediate repository! This repository is a collection of intermediate-level React projects and exercises, designed to help developers deepen their understanding of React concepts, improve their coding skills, and explore advanced features of the React ecosystem.

action context-api custom-hook global-state-management hooks localstorage react-router react-router-dom reducer redux-toolkit state-management usecallback useeffect useref usestate

Last synced: 31 Jan 2026

https://github.com/tanvir1017/react-hooks

🪝This repository will represent my concept about react-hooks. Well based on the React docs there are 10 hooks are exist in react library. So when we have to use which hooks & knowledge about how the react-hooks actually work is important to feel the actual beauty of React.

react-hooks usecallback usedebugvalue usedeferredvalue useimperativehandle uselayouteffect usememo usereducer useref usetransition

Last synced: 10 Sep 2025

https://github.com/yuriyvyatkin/mortgage-calc

Ипотечный калькулятор

business-logic react-custom-hooks react-portal useeffect useref

Last synced: 17 Jun 2026

https://github.com/evansrobbie/fullstack-chatapp

A fullstack Chat app using react and firebase to send real-time messages

context-api customhook firebase javascript reactjs tailwindcss typescript useeffect useref usestate-hook

Last synced: 08 Apr 2026

https://github.com/obrm/cocktails

Cocktails search app built with React. Built as part of a React course.

react react-router-dom usecallback usecontext usereducer useref

Last synced: 28 Apr 2026

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: 09 Apr 2026

https://github.com/arnobt78/navbar--react-fundamental-project-11

This project demonstrates how to create a responsive navigation bar using React and Vite. The navigation bar includes links and social icons, which are dynamically rendered based on the component's state.

getboundingclientrect html-css-javascript navbar navbar-css netlify-deployment react react-fundamentals reactjs useref useref-hook

Last synced: 12 Mar 2025

https://github.com/ger86/react-portals-wormhole

In this project I want to show you how we can use React Portals to create impressive features like a wormhole.

react react-developers react-hook react-hooks react-portal reactjs useref

Last synced: 17 May 2026

https://github.com/ahmadrezamozaffary/react-food-order

A simple food order website using React JS to wrap up all of the core concepts of react wich are mentioned in the topics section below 🏅

ajax-request context create-react-app firebase functional-components props react-portals reactdom reacthooks reactjs useeffect usereducer useref virtual-dom

Last synced: 09 Apr 2026

https://github.com/nadjascodejourney/datavis_plot-and-react

Learning to visualize data with Plot by Observable in React

chart datavisualization observable plot react shadcn useeffect useref

Last synced: 07 May 2026

https://github.com/artielsry/infinitescrollwithreactjs

Application made with Vite and React where I practice useState, useRef and useEffect in addition to doing infinite scrolling using Intersection Observer API in React JS.

hooks reactjs useeffect useref usestate

Last synced: 07 May 2026

https://github.com/obrm/navbar

Navbar component built with React. Built as part of a React course.

react useref

Last synced: 17 May 2026

https://github.com/manosakpujiha/moz-todo-react

This is an online to-do app that I improved upon from the Mozilla website tutorial on javascript frameworks. I enabled the app to persist the user data even after the browser is exited using local storage.

accesibility conditional rendering useeffect useref usestate

Last synced: 17 Jul 2025

https://github.com/karlhadwen/react-useref

Subscribe to my YouTube channel: https://bit.ly/CognitiveSurge

hooks react reacthooks useref

Last synced: 16 May 2026

https://github.com/cidaluna/react-js-master

Aprendendo React do Zero a Maestria com Matheus Battisti do Hora de Codar. Entre os projetos, um mini blog desenvolvido em React.JS com autenticação, requisições HTTP com React, Firebase, react hooks, router, API, Javascript moderno, Typescript com React, exercícios e desafios.

hooks react react-hooks reactjs useeffect useimperativehandle useref usestate

Last synced: 12 Apr 2026

https://github.com/coreprocess/use-ref-with-forwarding

A React hook combining multiple refs into one ref.

forwarding hook react react-hook ref useref userefwithforwarding

Last synced: 19 Apr 2026

https://github.com/mohi-uddin-akbar/react-hooks-lab

A repository dedicated to experimentation and best practices with ReactJS built-in hooks and custom hooks, fostering reusable and maintainable code.

memo usecallback usecontext usedebugvalue usedeferredvalue useeffect useimperativehandle uselayouteffect usememo usereducer useref usestate usetransition

Last synced: 10 Feb 2026

https://github.com/zwyx/eslint-plugin-react-ref

ESLint plugin to help prevent mistakes with React's useRef hook.

eslint eslint-plugin eslintplugin react useref

Last synced: 16 Apr 2026

https://github.com/barbarpotato/advanced-react-course

This course covers advanced React development. We'll learn how to use more advanced React concepts and features, optimize and test your React applications, and become proficient in using React and JSX.

context customhooks fetch-api form higher-order-component hoc jest-tests jsx list reacttestinglibrary render-props state-management useeffect usereducer useref usestate

Last synced: 16 Apr 2026

https://github.com/suhakilic/ai-recipe

A Recipe App that suggests recipes based on the ingredients you have. Built with React, featuring serverless functions on Netlify to securely handle the Hugging Face API key. Practice project for React hooks (useState, useEffect, useRef) with a responsive design and recipe suggestions.

ai huggingface javascript reactjs serverless-functions useeffect useref usestate

Last synced: 05 Jun 2026

https://github.com/sofiane-abou-abderrahim/react-the-almost-final-countdown

Discover a captivating ReactJS demo showcasing advanced features like Refs and Portals. Play the Almost Final Countdown game, where players challenge themselves with timer tasks, utilizing direct DOM access, dynamic value management, and component APIs. Experience seamless modal rendering with Portals. Dive into the code and explore the magic!

components create-portal dom-manipulation forwardref fragments frontend javascript portals react reactjs refs state-management states timer-functionality useimperativehandle useref usestate webdevelopment

Last synced: 22 Apr 2026

https://github.com/satyakrishnajasti/react-learining

A React basics repository demonstrating components, props, state, forms, hooks and routing.

createcontext react routing state-management usecontext useeffect useref

Last synced: 28 Apr 2026

https://github.com/xander1936/navbar

Project Number 11 of the Code 15 React Projects series made by FreeCodeCamp. Here is a responsive navbar with a toggle menu button made with a dynamic useRef Approach. We have learned React Hooks such as useState, useEffect, conditional rendering and useRef.

react-components reactjs useeffect useref usestate

Last synced: 29 Apr 2026

https://github.com/emilracz21/portfolio-react

This is my personal portfolio showcasing my skills, projects, and interests. The application features sections for the author, contact information, developed skills, interests, and projects. It utilizes React for the front-end, ensuring a responsive and dynamic user experience.

framework html-css-javascript javascript-library jsx jsx-syntax myportfolio portfolio-website react react-router-dom reactjs scss scss-framework useeffect-hook useref usestate

Last synced: 30 Apr 2026

https://github.com/lucasbailo/useref

Studying use ref

hooks react useref

Last synced: 08 May 2026

https://github.com/naseef0/react-player-demo

This project is an example of a video player with react-player

hooks nextjs player react react-player react-responsive react-video-player reactjs useref video-player

Last synced: 10 May 2026

https://github.com/leoziondev/proj-tripago

ReactJS Fetching Data & useEffect

customhooks json-server reactjs useeffect useref usestate

Last synced: 10 Jun 2026

https://github.com/muhdhanish/simple_otp_login_form

This project demonstrates the creation of a customizable OTP input component, where the focus automatically shifts to the next input field upon entering a digit.

css3 otp otp-verification reactjs regex typescript useref useref-hook

Last synced: 04 May 2026

https://github.com/zenitude/ecoleweb-react-navbar-responsive

Ecole du Web - React - Navbar responsive

css3 html5 javascript react useeffect useref usestate

Last synced: 05 Apr 2026

https://github.com/zenitude/ecoleweb-gym

Ecole du Web - Créer 3 sites (1/3) - Gym Yonos

custom-hooks react styled-components typescript useeffect useref usestate vite

Last synced: 11 Apr 2026

https://github.com/iahmadiqbalbhatti/UsePopCornApp

UsePopCornApp is a react App in which I will be learning most common Hooks. Thats why I used use as a prefix of the project name.

hook react react-hooks reactjs useeffect useref usestate

Last synced: 30 Apr 2025

https://github.com/mdcodelab/sandbox-react-hooks

A collection of code snippets demonstrating the versatility of using hooks in our projects.

usecallback usefetch usememo useref

Last synced: 08 Sep 2025

https://github.com/iahmadiqbalbhatti/usepopcornapp

UsePopCornApp is a react App in which I will be learning most common Hooks. Thats why I used use as a prefix of the project name.

hook react react-hooks reactjs useeffect useref usestate

Last synced: 15 May 2026

https://github.com/leo-henrique/secao-de-introducao

Uma simples página de introdução contendo módulos CSS, composição de componentes e hooks personalizados com React.

components-react css-modules custom-hooks hooks react scss useeffect useref usestate vite

Last synced: 12 Apr 2026

https://github.com/thakurbhanu021/basic-todo-app-typescript-reactjs

User can Add or Remove a todo from the list. This app uses react context for state management and created using TypeScript.

context reactjs typescript useref usestate

Last synced: 19 May 2026

https://github.com/callmeskyy111/The-Almost-Final-CountDown

A fun timer based guessing game, where the user/player guesses the amount of time passed, based on intuition and scores accordingly. The project showcases React's features such as 'Refs' & 'Portals' 🕰️

css3 html react-modal-dialog react-portals react-refs reactjs useimperativehandle-hook useref

Last synced: 08 May 2025

https://github.com/b13o/pomodoro-timer

⏰ Simple Pomodoro Timer build with React Hooks.

custom-hooks react typescript useeffect usereducer useref usestate

Last synced: 13 May 2026

https://github.com/skyybbanerjee/the-almost-final-countdown

A fun timer based guessing game, where the user/player guesses the amount of time passed, based on intuition and scores accordingly. The project showcases React's features such as 'Refs' & 'Portals' 🕰️

css3 html react-modal-dialog react-portals react-refs reactjs useimperativehandle-hook useref

Last synced: 24 Feb 2025

https://github.com/chuksjoshuaa/dog-care-project

Built a Dog website where dog lovers can get valuable information about their favourite pets and search for new dog breeds

css3 html5 rapidapi react-hooks react-router-dom reactjs styled-components useref

Last synced: 10 Apr 2026

https://github.com/emersoncarneirodasilva/secret-word

Projeto de um jogo de advinhação de palavras.

hooks reactjs usecallback useeffect useref usestate

Last synced: 10 Apr 2026

https://github.com/sauraverse/react-optimizedpasswordgenerator

Made complete React-based Password Generator using hooks like useEffect, useRef & optimised using useCallback hook.

react react-hooks tailwindcss usecallback useeffect useref

Last synced: 08 Apr 2026

https://github.com/rasujon3/cocktail-hub

Udemy React Project:- 16

react-router-dom useparams useref

Last synced: 06 Apr 2025

https://github.com/emerald1996/usereducerpractice

Understanding React Hooks

useeffect usereducer useref usestate

Last synced: 29 Mar 2025

https://github.com/nadjascodejourney/birdsofprey-project

This is a personal project repository for a website dedicated to birds of prey. This project is currently under development and is being built as a side project alongside my studies.

birds-of-prey css figma hooks-react react-project react-router-dom styled-components useeffect useref usestate vite website-design

Last synced: 03 Jan 2026

https://github.com/barbarpotato/react-hook-fundamental

React Hooks are simple JavaScript functions that we can use to isolate the reusable part from a functional component. Hooks can be stateful and can manage side-effects. We will learn more about react hook in depth and how all the important modules in react hook work

customhook usecallback usecontext useeffect usememo usereducer useref usestate

Last synced: 31 Jan 2026

https://github.com/umarfarooq361/passwordgeneratorusingreacthooks

This Password Generator is a user-friendly application built with React. It aims to provide users with a simple and efficient way to generate strong, random passwords that can be customized based on length, numbers and character inclusion.

react tailwind-css usecallback useeffects useref usestate

Last synced: 08 May 2026

https://github.com/bekalueshete/tenzies-game

🎲 Tenzies Game Tenzies is a fun dice game where the goal is to roll until all dice have the same value. Players can **hold** dice to prevent them from changing during rolls.

nanoid react-confetti reactjs useeffect useref usestate

Last synced: 09 May 2026

https://github.com/ben-abdurrehman/todo

A simple Todo list tracker, using react + vite, and tailwind css.

css html javascript projects react reactjs reactproject readme todo todolist useeffect useref usestate

Last synced: 12 Apr 2026

https://github.com/benazeem/mortgage-repayment-calculator

Frontendmentor.io offers a Mortgage Repayment Calculator challenge that tests responsive design skills. I implemented this challenge to deepen my understanding of how to effectively use useState and useRef in React.

react react-hooks reactjs tailwind tailwindcss useref usestate

Last synced: 22 Feb 2026

https://github.com/buzzraa/countdown-game

This project is a timer game which is built using React.js in which score is based on being able to stop time as close to the timer. It covers concepts such as object / array destructuring, props, conditional rendering, useState, useRef, forwardRef, createPortal and useImperativeHandling.

array-destructuring conditionalrendering createportal css forwardref html js object-destructuring props react-components reactjs useimperativehandle useref usestate vite

Last synced: 15 Apr 2026

https://github.com/ciabattaemo/navbar--react-fundamental-project-11

This project demonstrates how to create a responsive navigation bar using React and Vite. The navigation bar includes links and social icons, which are dynamically rendered based on the component's state.

getboundingclientrect html-css-javascript navbar navbar-css netlify-deployment react react-fundamentals useref useref-hook

Last synced: 29 May 2026

https://github.com/ben-abdurrehman/Todo

A simple Todo list tracker, using react + vite, and tailwind css.

css html javascript projects react reactjs reactproject readme todo todolist useeffect useref usestate

Last synced: 30 Jul 2025

https://github.com/leo-henrique/avaliacao-interativa

Uma simples avaliação interativa utilizando JSX, componentes e hooks básicos do React.

components-react jsx react scss useeffect useref usestate vitejs

Last synced: 13 Apr 2026

https://github.com/miguelitodev/foward-ref

The refs in React are used to imperatively access native elements, being able to directly access their properties or calling functions present in these elements natively.

react react-ref reactjs refs typescript use-ref-hook useref

Last synced: 28 Feb 2025

https://github.com/sathyaboopathi23/challenge-task-app

In Our Challenge task platform, you can set, track, and conquer challenges at your own pace. Whether it's personal growth or professional achievements.

animatepresence createportal css framer-motion html javascript link motion react-router reactjs router-dom usecontext useref usescroll usestate usetransform

Last synced: 21 Jan 2026