Divyang Chhantbardivyang-chhantbar.hashnode.dev·11 hours agoRouting Around React RouterJust like a rollercoaster ride, React Router takes us on a thrilling journey through our web applications, providing the routes we need to travel between different pages and components. Much like navigating a theme park, React Router allows us to jum...DiscussReact
Aqiraqirlone.hashnode.dev·Apr 23, 2024Step-by-Step Guide to Implementing React createPortal for Better UIcreatePortal lets you render some children into a different part of the DOM. <div> <SomeComponent /> {createPortal(children, domNode, key?)} </div> createPortal(children, domNode, key?) To create a portal, call createPortal, passing some JSX, an...Sohail Mohammad and 1 other are discussing this2 people are discussing thisDiscuss·4 likes·64 readsReact
Ugne Adomaityteugneadomaityte.hashnode.dev·Apr 22, 2024State Management in React with useReducerWhen dealing with complex state logic in components, it can get quite messy when using useState hook, so it’s not the best solution to use it in cases like these. useReducer is a much better tool to deal with states in complex components, it is a str...DiscussuseReducer
Mohit Sonidevelopermohit.hashnode.dev·Apr 22, 2024Mastering Variables in JavaScript: A Comprehensive OverviewWhat is a Variable? In very simple words, variable is a container that can store values and when we need that value we call that container. Don't we do in mathematics like value of a is 10 and value of b is 20 and the sum of both is 30. These a, b an...DiscussMastering JavaScriptWeb Development
Ritik RaushanforJoy of Reactjoyofreact.hashnode.dev·Apr 20, 2024Props and HookIn the 1st article of Step into React I've covered the required setup for React environment and stepped into Hello World. In this article, I'll primarily focus on React Props and Hook. In React, props is a keyword which implies "Properties" and it's ...DiscussReactHooks
ajay shanbhaglearnsitecore.hashnode.dev·Apr 18, 2024ReactQuery : Managing Form Success State in React with useMutation - Resetting Success Flags for Subsequent EditsWe generally use the below for ReactQuery's useMutation hook const [mutate, {isSuccess, isLoading}) = useMutation(yourMutation) Once submitting the form and displaying the success message, the isSucess flag is set to true though we reset the form to ...Discuss·11 likes·34 readsReactHooks
Ankit Fukteankitfukte.hashnode.dev·Apr 18, 2024Mastering State Management in React with Redux Persist and LoggerIn the dynamic world of web development, creating seamless user experiences hinges on effective state management. React, a powerful JavaScript library for building user interfaces, offers a solution to this with its component-based architecture. Howe...DiscussReact
Mannu Chaurasiyadeckwish5245.hashnode.dev·Apr 18, 2024Context Api with Local storageThe localStorage object allows you to save key/value pairs in the browser. the localstorage objects store the data with no expiration date it is the advanced way to use the Context hooks in Data to ensures that get the data and than set the data it c...DiscussReact
Mannu Chaurasiyadeckwish5245.hashnode.dev·Apr 18, 2024How to use Context Apicontext api is mostly used to pass the data from one state to another state and it just make. It is determined as the value passed to the closest SomeContext.Provider above the calling component in the tree. If there is no such provider, then the ret...DiscussReact
Abhishek Kumarkabhishek.hashnode.dev·Apr 16, 2024React Functional ComponentIn the realm of modern web development, React stands as a cornerstone framework, empowering developers to craft dynamic and interactive user interfaces with ease. Central to React's evolution are functional components and hooks, two powerful features...DiscussReact
