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 useeffect

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

https://github.com/yuvraj24/react-native-stories-view

A simple and fully customizable React Native component that implements a status/stories feature similar to Whatsapp & Instagram ⭐✨🌟

android component component-library create-react-app cross-platform ios javascript js native props react react-dom react-hooks react-native render types typescript useeffect usereducer usestate

Last synced: 17 Dec 2024

https://github.com/rauldeheer/use-async-effect

:running: Asynchronous side effects, without the nonsense

async async-await await hooks react react-native reactjs use-async-effect useeffect

Last synced: 21 Nov 2024

https://github.com/kmoskwiak/useSSE

use Server-Side Effect ✨in React SSR app

react server-side-rendering ssr useeffect

Last synced: 28 Oct 2024

https://github.com/alexkrolick/use-conditional-effect

React.useEffect, except you can pass a comparison function.

hooks react useeffect

Last synced: 31 Oct 2024

https://github.com/adeelibr/react-hooks-demo

A react hooks demo, inspired by Dan Abramov Demo in React Conf 2018

react react-context react-hooks usecontext useeffect usestate

Last synced: 18 Nov 2024

https://github.com/tuture-dev/covid-19-with-hooks

《用动画和实战打开 React Hooks》系列源码

animation react react-hooks useeffect usestate

Last synced: 13 Nov 2024

https://github.com/ab-noori/math-magicians

"Math magicians" is a website for mathematics fans. It is a Single Page App (SPA) created using ReactJS library, that allows users to make simple calculations and read a random math-related quote.

babel components external-api html-css-javascipt html-css-javascript html5 jest-tests props quote-api react-hooks reactjs scss useeffect usestate

Last synced: 28 Oct 2024

https://github.com/tthayza/bora-codar

Esse repositório tem como objetivo armazenar os projetos semanais propostos pela RocketSeat no desafio #boraCodar. 🚀

boracodar context-api css-animations css-flexbox css-grid css3 javascript lucide-react phosphor-react programming react react-components react-hooks reactjs rocketseat useeffect usestate webdevelopment

Last synced: 14 Dec 2024

https://github.com/simbathesailor/use-effect-x

🌟 useEffectX 🌟 : An alternative and drop-in replacement for useEffect which provide previous values of dependency items out of the box.

react useeffect

Last synced: 09 Nov 2024

https://github.com/shallinta/vue3-hooks

Using vue3.x composition api in react-hooks style. Implemented just with composition api.

composition-api react-hooks reactive ref useeffect usestate vue vue-hooks vue3 vue3-hooks

Last synced: 29 Nov 2024

https://github.com/claudiarojassoto/drum_machine

The Drum Machine App 🥁, is an interactive application that simulates a drum machine. Designed with an intuitive and friendly user interface, this application allows users to play different percussion sounds through on-screen keys or through their computer keyboard.

actions components components-react hooks markdown react reducers redux state store useeffect

Last synced: 06 Dec 2024

https://github.com/claudiarojassoto/random_quote_machine

🔍 Discover insights and inspiring thoughts with just one click. Get quotes from renowned authors and instantly share your favorites on Twitter.

actions api components react reducers redux store useeffect

Last synced: 06 Dec 2024

https://github.com/gumiranda/pagarme-reactnative

Aula 7 - Como integrar pagarme num projeto no React Native de forma profissional e escalável. Aprenda gateway de pagamento,redux sagas, formik, yup, eslint, prettier, reactotron, drawer menu, react hooks, redux logger, redux persist e muito mais!

axios devdoido eslint formik hooks pagarme pagarme-js prettier react reactnative reactotron redux reduxsaga useeffect yup

Last synced: 28 Oct 2024

https://github.com/woliveiras/tibia-houses

Get houses of the best MMORPG of every time, Tibia

context-api javascript node nodejs react reactjs tibia useeffect useeffect-hook

Last synced: 11 Oct 2024

https://github.com/didinj/ionic4-react-capacitor

Build Android/iOS Mobile Apps using Ionic 4 React.js Capacitor

android apps build capacitor ionic ionic4 ios learn mobile react reacthooks reactjs useeffect usestate

Last synced: 21 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/nas5w/use-effect-debounced

A custom React hook that provides a debounced version of useEffect.

javascript react react-hooks reactjs useeffect

Last synced: 16 Nov 2024

https://github.com/gumiranda/boilerplatereactnative

Aula 5 - Como estruturar um projeto no React Native de forma profissional e escalável. Aprenda redux sagas, formik, yup, eslint, prettier, reactotron, drawer menu, react hooks, redux logger, redux persist e muito mais!

axios devdoido drawer drawermenu eslint formik hooks menu prettier react reactnative reactotron redux reduxpersist reduxsagas rotas useeffect usestate yup

Last synced: 28 Oct 2024

https://github.com/danielemidio1988/yu-gi-oh-shop-card

Yu-gi-oh Shop Card é uma aplicação web de um e-commerce com vendas de Cards de Yugioh, consumindo a API YGOPRODeck, que possui mais de 12.000 informações detalhadas de todos os cards do jogo.

css3 git github html5 javascript reactjs usecontext useeffect usenavigate usestate

Last synced: 01 Dec 2024

https://github.com/felipefama/food-website

Food Website, made with nextjs and sass fully adapted for the responsive.

nextjs react sanity-backend sanity-io sanitycms sass sass-mixins typescript useeffect

Last synced: 15 Oct 2024

https://github.com/ifedapoolarewaju/use-clean-effect

An extension of React useEffect without the need for clean-up functions

npm-package react react-hook react-hooks reactjs use-clean-effect use-effect useeffect useeffect-hook useeffects

Last synced: 07 Nov 2024

https://github.com/gumiranda/aula6devdoido

Aula 6 do canal DevDoido integrando backend feito em NodeJs no React Native. Criação de tela de perfil e muito mais

devdoido drawermenu editprofile formik hooks nodejs profile profilescreen react reactnative redux reduxsaga saga signout stacknavigator useeffect usestate yup

Last synced: 21 Dec 2024

https://github.com/binaryleo/react_native_rick_and_native

A react native application to handle data from an api based on the television show Rick and Morty

axios expo flatlist hooks modal react-native responsive-font-sizes splashscreen typescript usecallback useeffect usestate vector-icons

Last synced: 07 Dec 2024

https://github.com/samridhisainii/xpenses

Xpenses -> Finance planner. It plans the finance for us check are expenses and does not let us to spend more and helps us to save the money

axios context-api miragejs reactjs typescript useeffect usestate

Last synced: 29 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/ansaribrahim/to-do-react

Build a to-do app in React using components to display tasks, state management to track changes, and event handlers for user interactions.

react react-hooks react-icons react-router reactjs useeffect usestate vite

Last synced: 09 Dec 2024

https://github.com/joyontokarmakar/green-veg-client

This is a full-stack website. Front-end of this website made with react js and backend made with node js.

body-parser cors firebase-authentication herokuapp hook mongo-database node-js private-route react-bootstrap react-js react-route useeffect usestate

Last synced: 04 Dec 2024

https://github.com/pk170970/react-project-10-grocerytodo

Grocery todo with React having edit , clear and delete functionality

conditional-rendering localstorage react useeffect usestate

Last synced: 09 Dec 2024

https://github.com/thenameisajay/exchango

A simple, easy to build, currency converter using just useState and useEffects Hooks to handle API calls.

axios beginner-friendly challenge currency-converter github learn nextjs react typescript useeffect usestate

Last synced: 27 Oct 2024

https://github.com/geekeast/complete-guide-to-react-useeffect

A complete guide to react useEffect

usecallback useeffect

Last synced: 14 Nov 2024

https://github.com/davidhu2000/use-better-effect

A wrapper around `React.useEffect` but with improved API

react react-hooks react-native reactjs useeffect useeffect-hook useeffects

Last synced: 02 Dec 2024

https://github.com/evansrobbie/online-code-editor

Developed using React, Tailwind CSS, and CodeMirror, this Online Code Editor allows you to write and execute code directly in your browser.

codemirror customhooks localstorage react-codemirror2 reactjs tailwind-css typescript useeffect usestate-hook

Last synced: 07 Nov 2024

https://github.com/kento75/typescriptwithmodernreact

Adding typescript to a modern react project with hooks (useState, useContext, useEffect) and code splitting with lazy.

es6 react react-hooks typescript usecontext useeffect usestate

Last synced: 19 Dec 2024

https://github.com/manosakpujiha/multimediatasktracker

This is a task tracker app built with react. Some unique design considerations were the sound effects and the color selection which were carefully selected to assist visually impaired persons who might use the app.

accessibility localstorage react-router useeffect

Last synced: 08 Nov 2024

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

https://github.com/pk170970/react-project-6-job-description

Simple React project with different job descriptions

conditional-rendering html useeffect usestate

Last synced: 09 Dec 2024

https://github.com/pesala-x/react-crash-course

This project covers the fundamentals of React and serves as a comprehensive React crash course. It provides valuable insights and examples to help junior developers get started with React. Ideal for beginners looking to build a strong foundation in React development.

development functional-components javascript props react react-framework state-management typescript useeffect vite

Last synced: 06 Dec 2024

https://github.com/jottenlips/hooksdemo

🪝 Hooks Demo for Kevin+Mike with Expo

expo hooks react react-native reactnative usecontext useeffect usereducer usestate

Last synced: 28 Nov 2024

https://github.com/pk170970/react-project-9-color-generator

React color generator project with values.js library to fetch different shades of colors

conditional-rendering hooks rgbtohex useeffect usestate

Last synced: 09 Dec 2024

https://github.com/pk170970/react-project-2-tours

simple project of React

useeffect usestate

Last synced: 09 Dec 2024

https://github.com/manosakpujiha/react-task-tracker-app

This is a simple task tracker app that keeps track of your activities within the day. It uses JSON-Server, which is a mock REST-API to simulate a backend through which we can make get, push, update and delete requests.

jsonserver react useeffect usestate

Last synced: 08 Nov 2024

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

https://github.com/manosakpujiha/reactquizapp

A multipage timed quiz app built with React.js, and Material UI. The questions for the quiz app are retrieved from an online database that contains various categories and difficulty levels. The quiz app introduced sounds and prompts to improve the user experience, hence making it more accessible to the visually impared.

material-ui routing usecallback useeffect usenavigate usestate

Last synced: 08 Nov 2024

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

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

https://github.com/ythecombinator/deeply-checked-effect

React hook for providing an alternative for useEffect that does a deep comparison of passed objects

hooks hooks-api-react react useeffect

Last synced: 17 Nov 2024

https://github.com/danielemidio1988/random-api

Este projeto foi desenvolvido com o propósito de desenvolver uma aplicação para o consumo e utilização de APIs e um CRUD e disponibilizá-las a você.

css3 express html5 javascript mongodb nodejs reactjs usecontext useeffect usenavigate

Last synced: 01 Dec 2024

https://github.com/tedjenkler/rest-countries-api-with-color-theme-switcher

Challange by frontendmentor made by Teodor Jenkler showing of my knowledge in API, UseState, UseEffect, Mapping out lists(Cards) and conditional rendering with JS and CSS

api conditional-rendering reactjs useeffect usestate

Last synced: 21 Nov 2024

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

https://github.com/rijalghodi/passing-thought

Pass your thoughts and let it'll be removed after 15 seconds.

lifecycle-components react useeffect

Last synced: 21 Nov 2024

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

The project is a real-time chat application built using Firebase, React, Tailwind CSS, TypeScript, Context API, and React Hot Toast. It allows users to communicate with each other in real-time, exchange messages, and even share images.

context-api firebase reacthottoast reactjs tailwind-css typescript useeffect usereducer usestate

Last synced: 07 Nov 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: 27 Nov 2024

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

https://github.com/mttk2004/worldwise

"WorldWise" project from Jonas' React course

fetch-api leafletjs react react-router usecontext useeffect usereducer

Last synced: 10 Dec 2024

https://github.com/mttk2004/react-quiz

"react-quiz" project from Jonas' React course

json-server react useeffect usereducer

Last synced: 10 Dec 2024

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

Example using React Hooks (useState, useEffect, useContext, useReducer)

react-hooks reactjs usecontext useeffect usereducer usestate

Last synced: 09 Nov 2024

https://github.com/evansrobbie/nextjs-ecommerce-user

This is the second part of the nextjs e-commerce admin website i.e. this is the user interface where one can add items to cart and checkout the products purchased.

context-api nextjs reactjs useeffect usereducer

Last synced: 07 Nov 2024

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

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

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

Last synced: 09 Nov 2024

https://github.com/honzabrecka/usesafeeffect

A hook designed to perform an async effect in a safe way, thus prevent possible and undesired race condition.

hooks hooks-api-react race-condition-prevention react useeffect

Last synced: 16 Nov 2024

https://github.com/leolanese/react-movies-api

React: React movies Db API

flexbox react useeffect

Last synced: 14 Nov 2024

https://github.com/chingu-voyages/v44-tier2-team-25

Boole Bots is a game that is not only fun, but also an aid in helping to understand basic Boolean logic. This game has an arena of 8x8 game tiles in which your bots move at random speeds and trajectories. The Bots are assigned boolean values of 0 or 1 and boolean operations - AND, OR, NOR, NOT.

chakra chakra-ui chakraui react reactjs sass sass-framework scss useeffect usestate

Last synced: 14 Nov 2024

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/architgargpro/hooks-blog

Hooks, Getting in a New Relationship: A kickstart for beginners for starting with React Hooks

beginner-friendly customhooks hooks react reacthook reacthooks reactjs usecontext useeffect usestate

Last synced: 19 Nov 2024