Projects in Awesome Lists tagged with use-effect

https://github.com/typeonce-dev/xstate-complete-getting-started-guide

Complete XState getting started course: learn how to use all the features of XState to build powerful state charts and actor systems 🚀

react state-machine state-management typescript use-effect use-reducer xstate xstate-v5

Last synced: 19 Nov 2024

https://github.com/felixgourdeau/use-mounted-effect

A React hook to run effect only if a component is mounted.

async hook memory-leak mounted use-effect

Last synced: 19 Oct 2024

https://github.com/amulyamachhan/currencyconverter

Currency Converter Website! This project is built using React and Vite, allowing users to convert currencies effortlessly.

css custom-hook github-deployment html javascript react react-hooks tailwindcss use-effect use-state useid-hook vite

Last synced: 18 Feb 2025

https://github.com/joehunterdev/react-pdf-cv

📝 🎨 Want a spring board into react-pdf design features ? A customizable PDF document using React components.

curriculum-vitae pdf react react-pdf styled-components use-effect vite

Last synced: 15 Jan 2025

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/shivamchawda/react-e-commerce-website

THIS PROJECT IS UNDER DEVELOPMENT. A complete e-commerce website using React js and commerce js. user can login/sign up using firebase authentication. User can Add the product to cart fill the shipping form and purchase it using Stripe payment integration. Once the order is placed user and admin both will get a confirmation mail regarding the order.

async-await commercejs confirmation-mail e-commerce-project grid-layout material-ui order-success payment-integration props-drilling react-hook-form react-router-dom reactjs stripe-payments use-effect use-history uselocation usestate-hook

Last synced: 14 Jan 2025

https://github.com/gustavo-victor/mult-step-form

Mult Step Form app

context form mult-step react-router-dom reactjs styled-components typescript use-effect use-reducer vite vite-plugin-svgr

Last synced: 01 Jan 2025

https://github.com/abranhe/react-use-effect-async

Async useEffect hook

async hook react use-effect

Last synced: 10 Jan 2025

https://github.com/a9na/react-projects

⚛️ A curated collection of React exercises and projects demonstrating core concepts such as state management, hooks, conditional rendering, and the Context API, aimed at building a deeper understanding of React development. 🚀

click-events conditional-rendering context-api hooks react state-management use-effect use-ref use-state

Last synced: 09 Jan 2025

https://github.com/felipefama/dsmeta

dsmeta

api-rest axios axios-react h2-database java java-backend react react-ts spring twilio-sms-api typescript use-effect use-state vite vitejs yarn

Last synced: 02 Feb 2025

https://github.com/sofiane-abou-abderrahim/react-dummy-login-page

I built a dummy login page with React by using several hooks such as side effects, reducers and the context API. But, I also improved this authentication screen with some other features, like the cleanup function, a refactoring input component and "forward refs".

forward-ref hooks react-context-api react-hooks reactjs reducers side-effects use-context use-effect use-imperative-handle use-reducer use-ref

Last synced: 09 Feb 2025

https://github.com/otavio-araujo/rocketseat-ignite

Project: Ignite Teams Description: Developed as part of Rocketseat's React Native training program, Level 02. The project emphasizes advanced mobile development concepts and best practices using the React Native framework.

async-storage expo react-native react-native-navigation styled-components themes use-callback use-effect use-state

Last synced: 07 Feb 2025

https://github.com/sofiane-abou-abderrahim/react-food-order-app

I built a dummy food order app with React by using its core features, such as Components, React Portal, Modal State, Context API, Reducer, Refs & Forward Refs, Side Effect and so on...

children-props components context-api modal props react react-18 react-portal reactjs reducers side-effects states use-context use-effect use-reducer use-state

Last synced: 09 Feb 2025

https://github.com/felipefama/book-search-app

Book search app with reactjs

api api-library css-flexbox css-grid css3 react react-router-dom reactjs responsive-layout use-effect use-state vite

Last synced: 02 Feb 2025

https://github.com/maks-io/use-special-effect

Special version of React's useEffect hook, which allows (1) defining which dependency changes should trigger the effect + (2) accessing both old + new values during effect run

hooks react react-hooks use-effect

Last synced: 17 Feb 2025