Yahya Dahiryahyadahir.hashnode.dev·12 hours agoManaging 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...DiscussNext.js
고라니드로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
Reece Poulsenreecepoulsen.hashnode.dev·Sep 5, 2024UI Builder Tips #3: Managing Objects in StateUI Builder Tips Series Welcome to the UI Builder Tips series! I'll use this series to document what I've learned while working with ServiceNow's UI Builder. Since this is a learning process, these blog posts should be seen as a set of notes. The cont...Discuss·162 readsUI Builder TipsUI Builder
고라니드로koranidro.hashnode.dev·Sep 1, 2024[React] 상태가 있다? 없다?💡 상태에 대해 궁금하다면 [React] useState === 상태?를 먼저 읽어보세요! '상태가 있다'는 것은 무엇을 의미할까요? 반대로 '상태가 없다'는 것은 뭐죠? 이 두 가지는 흔히 상태 저장(Stateful)과 상태 비저장(Stateless)이라는 표현으로 알려져 있습니다. 이것은 객체, 애플리케이션, 서버, 방화벽 등 매우 널리 사용되는 개념이지요. React도 예외는 아닙니다. React에서는 컴포넌트를 대상으로 사용됩니다....DiscussReact
고라니드로koranidro.hashnode.dev·Aug 28, 2024[React] useState === 상태?React로 개발한 경험이 있으시다면 상태에 대해 익숙하실 겁니다. 그런데 조금 이상하군요. 애초에 상태란 무엇인가요? useState? useReducer? React에는 여러 상태 관련 지원이 존재하고 또 유용하게 사용되고 있습니다. 하지만 이런 것들은 상태를 관리할 수 있도록 제공되는 기능일 뿐 상태 자체를 의미하는 것은 아닙니다. 이번 포스트에서는 상태와 관련된 이야기를 해보고자 합니다. 상태란 무엇인가 먼저 상태가 무엇인지 알아보도록 ...DiscussReact
고라니드로koranidro.hashnode.dev·Aug 20, 2024[React] 당신은 상태를 필요로 하지 않을 것입니다. #3 - 비동기 편💡 이 포스트는 React 버전 18.3.1을 기준으로 합니다. 예상할 수 있는 코드를 작성하는 가장 좋은 방법은 순차적 흐름을 보장하는 것입니다. 따라서 되도록 동작을 동기적으로 유지하는 것이 좋습니다. 하지만 모든 상황에서 그렇게 할 수 있을까요? 안타깝게도 우리에겐 비동기가 필요한 많은 상황이 있습니다. function Example({ parentState }: { parentState: number }) { const [ ...Discuss·29 reads[React] 당신은 상태를 필요로 하지 않을 것입니다.React
고라니드로koranidro.hashnode.dev·Aug 16, 2024[React] 당신은 상태를 필요로 하지 않을 것입니다. #2 - 보존 편이전 편에서 다루었던 바와 같이 렌더링마다 연산을 반복하는 것은 실제로는 크게 나쁘지 않습니다. 부분적으로는 참일지라도 알려져 왔던 만큼이나 큰 비용은 발생하지 않음을 이해하실 겁니다. 하지만 모든 상황에서 괜찮은 걸까요? function Component({ state }: { state: number }) { const derivedState = { value: state * 2 }; useEffect(() => { ...Discuss·35 reads[React] 당신은 상태를 필요로 하지 않을 것입니다.React
고라니드로koranidro.hashnode.dev·Aug 12, 2024[React] 당신은 상태를 필요로 하지 않을 것입니다. #1 - 파생 편우리는 상태를 활용해야 하는 많은 요구 사항을 가지고 있습니다. 단순히 값을 설정하고 화면에 표시하길 원한다면 useState 하나로도 충분할 것입니다. 하지만 때로는 조금 더 복잡한 관리가 필요한 경우가 있습니다. 그 예 중 하나는 기존 상태에 의존하는 상태를 관리하는 것입니다. 이러한 의존적인 상태를 파생 상태라고 하는데, 이를 실현하기 위해 흔히 사용되는 패턴 중 하나는 useState와 useEffect를 조합하여 운용하는 방식입니다. ...Discuss·50 reads[React] 당신은 상태를 필요로 하지 않을 것입니다.React
Taylor Ngtaylorng.hashnode.dev·Jun 11, 2024State, State, State: The Cornerstone of ReactIt's time to talk about one of the most important aspects of React. That's right, you guessed it, STATE! Whether you're an experienced React developer or just dipping your toes in the water, you'll be hard pressed to avoid the concept of state within...Discuss·1 likeReact
![[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] useState === 상태?](https://cdn.hashnode.com/res/hashnode/image/stock/unsplash/UYsBCu9RP3Y/upload/04a8cf62ca082a455945428bf68efca0.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)
