Vishal Singhthevishingh-states-hooks.hashnode.dev·Nov 29, 2024Understanding State and the useState Hook in React 🚀React is a powerful JavaScript library for building user interfaces, and state is important for making these interfaces dynamic and interactive. ⚛️ The useState hook is one of the most commonly used hooks to manage state in React functional component...React
Zeeshan Safdarzeeshansafdar.hashnode.dev·Nov 14, 2024💡 State vs. Props in React: A Common Interview Question 💡If you're starting with React or preparing for an interview, you might come across this classic question: What's the difference between state and props? Let's break it down! 👇 🌐 State Internal data: Owned by the component that declares it. Compon...React
Zeeshan Safdarzeeshansafdar.hashnode.dev·Nov 14, 2024🎯 Mastering State in React: Key Insights and Guidelines 🎯As we wrap up our deep dive into state in React, here are a few key thoughts and practical guidelines to help you navigate state with confidence: 🔹 Each Component Manages Its Own State: Even if the same component is rendered multiple times, each i...React
Zeeshan Safdarzeeshansafdar.hashnode.dev·Nov 14, 2024🔥 Understanding State and Re-Renders in React 🔥In React, state plays a critical role in how components are updated and re-rendered. Let’s break it down: 🚀 How does React update the UI? React is declarative, meaning we don’t manipulate the DOM directly. Instead, whenever state changes (via hooks ...React
Zeeshan Safdarzeeshansafdar.hashnode.dev·Nov 14, 2024State: The Backbone of React InteractivityIn React, state is arguably the most critical concept you’ll encounter. Everything in a React application revolves around the state, enabling components to be interactive and responsive. 🔄 What is state? State is simply data that a component can hol...React
Hillary Nyakundinyakundi.hashnode.dev·Nov 13, 2024React state and simplified logic.I updated the navbar. "use client"; import React from "react"; import { AiOutlineMenu, AiOutlineClose } from "react-icons/ai"; interface NavBarProps { isSidebarOpen: boolean; // Track sidebar state toggleSidebar: () => void; // Function to to...React
Sumaya J.tech-chunks.hashnode.dev·Nov 12, 2024State in Angular AppsIn Angular (and frontend applications in general), state can be categorized into different types based on what the state represents and how it is managed. Two common types are UI state and Model state, but there are a few more types worth mentioning:...state
Daniel Efedaney.hashnode.dev·Oct 8, 2024Creating Highly Maintainable React Applications With Composable ComponentsIn recent years, the web has evolved significantly, leading to the creation of more complex and dynamic applications and websites. With this evolution, developers face the challenge of creating highly maintainable and scalable React applications. As ...10 likes·53 readsReact
Yahya Dahiryahyadahir.hashnode.dev·Sep 12, 2024Managing State in React Without Redux: Simpler and Smarter AlternativesIf you have worked with React before, you‘ve probably heard of Redux. It’s a state management tool that helps keep track of data ( or “state” ) in your React apps. While Redux is a powerful, it can feel a bit heavy, especially for smaller projects or...1 likeNext.js
고라니드로koranidro.hashnode.dev·Sep 7, 2024[React] 당신은 상태를 필요로 하지 않을 것입니다. #5 - 부작용 편이 포스트는 React 버전 18.3.1을 기준으로 합니다. 잠깐! 동시성 렌더링에 대해 아직 잘 모른다면 [React] 변화의 물결, 동시성 렌더링을 먼저 읽어보세요! 부작용(정리가 필요한)을 가진 상태는 어떻게 해야 할까요? 렌더링과 커밋이 반드시 한 쌍을 이루지는 않으므로 상태를 렌더링 중 생성하고 useEffect를 통해 정리 함수를 호출하는 것은 적절치 않습니다. React 개발팀은 의도적으로 부작용을 관련 기능을 통해서 처리하도록 ...[React] 당신은 상태를 필요로 하지 않을 것입니다.React
![[React] 당신은 상태를 필요로 하지 않을 것입니다. #5 - 부작용 편](https://cdn.hashnode.com/res/hashnode/image/stock/unsplash/UYsBCu9RP3Y/upload/f04006baa1e121dfb4a64556ab2a1fee.jpeg?w=1600&h=840&fit=crop&crop=entropy&auto=compress,format&format=webp)