본문 바로가기

react state

(2)

[ React ] 상태 관리 툴 비교 분석 Recoil vs Zustand 회사에서 새로운 React 프로젝트를 세팅중인데, 전역 상태관리 툴 중에서 팀원들이 빠르게 배우고 활용할 수 있도록 쉽게 React 프로젝트의 상태 관리가 가능한 툴 2가지를 비교해 보게 되었다. Recoil (v0.7.7 기준) 전체 카운터 코드 counter sample code Recoil은 아래처럼 쓰인다. (테스트 코드 일부) import "./App.css"; import { countState } from "./state/countState"; import { useRecoilValue, useSetRecoilState, useResetRecoilState } from "recoil"; function App() { const count = useRecoilValue(countState); ..

[ React / Select ] Select의 defaultValue 를 state를 이용하여 동적 변경 시키기. ❗️ 이슈 발생 React 프로젝트를 작업 중에 데이터 리스트를 state로 관리해서 필터링 옵션을 선택할 때마다 데이터 리스트를 동적 필터링 구조로 작업 중에 일반 텍스트 데이터들은 동적 필터링 기능이 잘 적용되는데, Select의 defaultValue는 이전 데이터 값을 갖고 동적 필터링이 적용되지 않는 이슈가 발생하였다. 예시 코드 import React, {useState, useEffect} from 'react'; // UI Library는 Antdesign을 사용. import { Select } from 'antd'; const { Option } = Select; const data = [ {name: "Lee", isStudent: false}, {name: "Kim", isStude..

이전 1 다음

티스토리툴바