Sahana S Acharyareact-diaries.hashnode.dev·Nov 19, 2024React State Management with useState: A Beginner’s GuideReact has revolutionized the way we build user interfaces, and one of its most powerful features is Hooks. Hooks let you use React features like state and lifecycle methods without writing a class. Today, I'll share how I used the useState Hook to bu...DiscussReact
Yashaswi Sahuyashaswisahu.hashnode.dev·Nov 16, 2024GSAP With ReactIntroduction to GSAP GreenSock Animation Platform (GSAP) is a powerful JavaScript library for creating smooth, high-performance animations. When combined with React, it enables developers to create seamless, professional-grade animations. This blog w...DiscussGSAP
Amar Jondhalekarcoffeewithamar.hashnode.dev·Nov 4, 2024Building a Dynamic React Application with RoutingHello, everyone! It’s Amar Jondhalekar, and today I’m excited to take you through building a dynamic React application using React Router. This will help you create a seamless user experience by navigating between different components easily. Let’s d...DiscussReactJS Evolution: Learn from the Ground Upreact router
Asawerasawer.hashnode.dev·Nov 1, 2024Boosting React Performance: A Deep Dive into "useCallback" and "React.memo"useCallback and React.memo Both are powerful tools in React to optimize rendering performance, especially in complex applications. When used effectively, they help avoid unnecessary re-renders, making your app more efficient. 1. useCallback Hook The...DiscussReact
Jessica N. Abraham | writer. designer. publicist.jessicanabraham.hashnode.dev·Oct 30, 2024The React Lifecycle: Understanding How Pre-Built Tools Can Save Time When Implementing Methods, Hooks and InteractionsThe React lifecycle defines how a component behaves at different stages of development— specifically when a code is created, modified, updated, and eventually removed from the Document Object Model (DOM). By understanding the React lifecycle, develo...Discuss·33 readsJavaScript
Pavani PampanaforReact Jsreact-js-context-manager.hashnode.dev·Oct 28, 2024How to Use React's Context API to Make State Management EasyWhen developing React applications, managing data between components is one of the most common challenges. Typically, "props drilling" — the process of passing props from a parent component down to deeply nested child components — can make our code c...DiscussReact
Abhishek Kumarabvs.hashnode.dev·Oct 21, 2024React’s useState Hook: The What, When, and Where of State ManagementThe UseState hook in React is fundamental tool that allows you to add state to functional components. It enables components to manage and update state in response to user input, events, or other interactions. What is useState Hook? The useState hook ...DiscussReact
Vitthal Korvanvitthal-korvan.hashnode.dev·Oct 18, 2024React JS - Custom HooksCustom Hooks 1. What are Custom Hooks? Custom hooks are essentially JavaScript functions that use other React hooks (like useState, useEffect, useContext, etc.) to encapsulate reusable logic. They allow you to extract component logic into reusable fu...Discuss·4 likesReact-MasteryReact
Vitthal Korvanvitthal-korvan.hashnode.dev·Oct 16, 2024React JS - Reducers And Context APIuseReducer what is useReducer useReducer is like a "state manager" that breaks down the state-changing process into three main parts: State: This is the current state (or the current values/data in your app). Action: This is what triggers a change ...Discuss·2 likesReact-MasteryuseReducer
Omkar Kastureomkarkasture.hashnode.dev·Oct 14, 2024Custom Hooks in React and Currency ConvertorIn this blog, we'll explore key concepts for building your own React project, Currency Converter. Along the way, we'll learn how to create custom hooks to enhance your project. Let’s get started. Code is available on GitHub: https://github.com/omkar-...DiscussReact-Quick GuidesReact
