Aman Mishraamanmishra.hashnode.dev·Sep 14, 2024Understanding State in ReactIn React, state refers to data that a component maintains over time, acting like the component’s memory. It's essential for storing information that needs to persist throughout the lifecycle of the app. For example, state is used in features like not...Discuss·2 likesReact
고라니드로koranidro.hashnode.dev·Sep 11, 2024[React] 당신은 상태를 필요로 하지 않을 것입니다. #5 - 출시 편지금까지 네 편에 걸쳐 시리즈를 연재했습니다. 여기까지 오면서 파생 상태와 관련된 몇 가지 기능을 함께 구현했었습니다. 2편에서 파생 상태의 보존을 위한 useDerivedState. 3편에서 비동기 파생 상태의 운용을 위한 Fulfilled. 4편에서 부작용을 가진 파생 상태의 운용을 위한 useDerivedStateWithSideEffect. 총 세 가지 핵심 기능들이 있었는데요. 이제는 직접 구현하지 않고 편하게 이 기능들을 사용...Discuss[React] 당신은 상태를 필요로 하지 않을 것입니다.React
고라니드로koranidro.hashnode.dev·Sep 7, 2024[React] 당신은 상태를 필요로 하지 않을 것입니다. #4 - 부작용 편💡 이 포스트는 React 버전 18.3.1을 기준으로 합니다. 총 세 편에 걸쳐 기본적인 파생 상태부터 비동기적인 파생 상태를 관리하는 법까지 알아보았습니다. 이를 활용하면 많은 상황에서 직접 동기화를 수행하지 않고도 안전한 코드를 작성할 수 있습니다. 또 React의 사용성이 점차 개선됨에 따라 더 많은 사례에 이러한 방법을 적용할 수 있을 것으로 보입니다. 그럼에도 개선 여부가 확실치 않은 것이 있습니다. 정리가 필요한 부작용 fun...Discuss[React] 당신은 상태를 필요로 하지 않을 것입니다.React
고라니드로koranidro.hashnode.dev·Sep 1, 2024[React] 상태가 있다? 없다?💡 상태에 대해 궁금하다면 [React] useState === 상태?를 먼저 읽어보세요! '상태가 있다'는 것은 무엇을 의미할까요? 반대로 '상태가 없다'는 것은 뭐죠? 이 두 가지는 흔히 상태 저장(Stateful)과 상태 비저장(Stateless)이라는 표현으로 알려져 있습니다. 이것은 객체, 애플리케이션, 서버, 방화벽 등 매우 널리 사용되는 개념이지요. React도 예외는 아닙니다. React에서는 컴포넌트를 대상으로 사용됩니다....DiscussReact
고라니드로koranidro.hashnode.dev·Aug 20, 2024[React] 당신은 상태를 필요로 하지 않을 것입니다. #3 - 비동기 편💡 이 포스트는 React 버전 18.3.1을 기준으로 합니다. 예상할 수 있는 코드를 작성하는 가장 좋은 방법은 순차적 흐름을 보장하는 것입니다. 따라서 되도록 동작을 동기적으로 유지하는 것이 좋습니다. 하지만 모든 상황에서 그렇게 할 수 있을까요? 안타깝게도 우리에겐 비동기가 필요한 많은 상황이 있습니다. function Example({ parentState }: { parentState: number }) { const [ ...Discuss·30 reads[React] 당신은 상태를 필요로 하지 않을 것입니다.React
고라니드로koranidro.hashnode.dev·Aug 16, 2024[React] 당신은 상태를 필요로 하지 않을 것입니다. #2 - 보존 편이전 편에서 다루었던 바와 같이 렌더링마다 연산을 반복하는 것은 실제로는 크게 나쁘지 않습니다. 부분적으로는 참일지라도 알려져 왔던 만큼이나 큰 비용은 발생하지 않음을 이해하실 겁니다. 하지만 모든 상황에서 괜찮은 걸까요? function Component({ state }: { state: number }) { const derivedState = { value: state * 2 }; useEffect(() => { ...Discuss·36 reads[React] 당신은 상태를 필요로 하지 않을 것입니다.React
고라니드로koranidro.hashnode.dev·Aug 12, 2024[React] 당신은 상태를 필요로 하지 않을 것입니다. #1 - 파생 편우리는 상태를 활용해야 하는 많은 요구 사항을 가지고 있습니다. 단순히 값을 설정하고 화면에 표시하길 원한다면 useState 하나로도 충분할 것입니다. 하지만 때로는 조금 더 복잡한 관리가 필요한 경우가 있습니다. 그 예 중 하나는 기존 상태에 의존하는 상태를 관리하는 것입니다. 이러한 의존적인 상태를 파생 상태라고 하는데, 이를 실현하기 위해 흔히 사용되는 패턴 중 하나는 useState와 useEffect를 조합하여 운용하는 방식입니다. ...Discuss·52 reads[React] 당신은 상태를 필요로 하지 않을 것입니다.React
Rachit Srivastavablog.rachitasrivastava.com·Aug 10, 2024Verkle Tries Explained: A Simple Guide for BeginnersWelcome to a deep dive into Verkle trees and their impact on Ethereum's state management. As Ethereum aims to improve scalability and efficiency, Verkle trees are becoming a key part of the solution. In this blog, we'll break down what Verkle trees a...Discuss·128 readsverkle
Tanmaytanmay4l.hashnode.dev·Dec 29, 2023ReactJS: Props vs. State - Demystifying the Core ConceptsPublished on: December 29, 2023 Tags: reactjs, javascript, web development If you've delved into the world of ReactJS, you've likely encountered the common conundrum: "Props vs. State." These two concepts play a crucial role in how components manage ...Discuss·10 likesReact
Syed Jafer Kparottasalna.hashnode.dev·Nov 30, 2023Why do we even need cookie's ?Sudden Thought As a full stack developer, i came across reading about cookies. So far i haven't written code to handle it or use it in my applications. While reading about cookies, i came to know its used to transfer state in a stateless HTTP protoco...Discusscookies
![[React] 당신은 상태를 필요로 하지 않을 것입니다. #5 - 출시 편](https://cdn.hashnode.com/res/hashnode/image/stock/unsplash/UYsBCu9RP3Y/upload/c18a0398851e49566cea0b52b1b4f53a.jpeg?w=1600&h=840&fit=crop&crop=entropy&auto=compress,format&format=webp)
![[React] 당신은 상태를 필요로 하지 않을 것입니다. #4 - 부작용 편](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)
![[React] 상태가 있다? 없다?](https://cdn.hashnode.com/res/hashnode/image/stock/unsplash/UYsBCu9RP3Y/upload/dcb6e246e35e6b8e82af4ff3cd52c257.jpeg?w=1600&h=840&fit=crop&crop=entropy&auto=compress,format&format=webp)
![[React] 당신은 상태를 필요로 하지 않을 것입니다. #3 - 비동기 편](https://cdn.hashnode.com/res/hashnode/image/stock/unsplash/UYsBCu9RP3Y/upload/3f9c08b8e581915a7f5a491b6b2ff46c.jpeg?w=1600&h=840&fit=crop&crop=entropy&auto=compress,format&format=webp)
