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 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: 14 Feb 2025

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

🤙The same useRef, but it will callback

callback hooks react ref useref

Last synced: 17 Feb 2025

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

🤙The same useRef, but it will callback

callback hooks react ref useref

Last synced: 29 Oct 2024

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: 15 Feb 2025

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

useRef and UseState together!

javascript react useref usestate

Last synced: 10 Feb 2025

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

useRef and UseState together!

javascript react useref usestate

Last synced: 08 Nov 2024

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

Tutorial React Hook with Canvas

canvas hooks react useref usestate

Last synced: 10 Nov 2024

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: 21 Nov 2024

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

Watchable refs changes with conditional re-renders

context hooks react reactjs state useref

Last synced: 16 Oct 2024

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

Inspired Tesla Navbar using React.

react reactjs useeffect useref usestate

Last synced: 22 Nov 2024

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: 13 Oct 2024

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

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

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

Last synced: 04 Jan 2025

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: 31 Dec 2024

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: 26 Jan 2025

https://github.com/jsuton00/playwatch-with-react-hooks

A video search app integrated with YouTube API and created using only React Hooks.

react react-hooks useeffect useref usestate video video-app video-search youtube youtube-api

Last synced: 10 Jan 2025

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

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

hooks react reacthooks useref

Last synced: 05 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/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: 03 Feb 2025

https://github.com/obrm/navbar

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

react useref

Last synced: 03 Jan 2025

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: 13 Jan 2025

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: 25 Jan 2025

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: 17 Feb 2025

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: 17 Jan 2025

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: 03 Jan 2025

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: 30 Jan 2025

https://github.com/lucasbailo/useref

Studying use ref

hooks react useref

Last synced: 10 Feb 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: 03 Jan 2025

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: 03 Jan 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: 10 Jan 2025

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: 11 Jan 2025

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

⏰ Simple Pomodoro Timer build with React Hooks.

custom-hooks react typescript useeffect usereducer useref usestate

Last synced: 14 Feb 2025

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: 09 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: 12 Jan 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: 30 Jan 2025

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: 25 Jan 2025

https://github.com/jsuton00/react-widgets

A small React project showcasing the use of React Hooks (e.g. UseState, UseEffect and UseRef).

accordion dropdown react react-hooks react-router reactjs translate-api useeffect useref usestate wikipedia

Last synced: 10 Jan 2025

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: 10 Feb 2025

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: 06 Jan 2025

https://github.com/emerald1996/usereducerpractice

Understanding React Hooks

useeffect usereducer useref usestate

Last synced: 03 Feb 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: 21 Oct 2024

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: 13 Feb 2025

https://github.com/ahmadiqbalbhatti/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: 12 Nov 2024

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: 08 Jan 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: 24 Jan 2025

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: 15 Jan 2025

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: 09 Jan 2025

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: 11 Jan 2025

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: 11 Jan 2025

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: 14 Jan 2025

https://github.com/mttk2004/usepopcorn

"usePopcorn" project from Jonas' React course

fetch-api react useeffect useref usestate

Last synced: 04 Feb 2025

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: 22 Jan 2025

https://github.com/skyy-banerjee/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: 15 Nov 2024

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: 22 Jan 2025

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

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

hooks reactjs usecallback useeffect useref usestate

Last synced: 18 Jan 2025

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

Udemy React Project:- 16

react-router-dom useparams useref

Last synced: 13 Feb 2025

https://github.com/adam-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: 04 Dec 2024