근대 리액트 쓰면 좋은게 뭐냐 ㅇㅇ?

[포항의봄(bonnbonn)]

난 ui툴 쓰는게 더편한데

사실 프런트엔드 할줄 모름

[프갤러 1(121.129)]

뭐 딱히 특별한게 있지는 않은데 그냥 인력구하기 쉬워서 쓰는게 1순위긴함 좀더 디테일하게 가보자면

[프갤러 1(121.129)]

각 엘리먼트에 대해서 이벤트 리스너를 등록하면 중복 등록이 가능해서 잘못하면 불필요한 이벤트 리스너가 양상됨 물론 이벤트 핸들러가 있긴 하지만 그 2개가 혼용되는 편인데 리액트에서는 이것들을 각 엘리먼트별로 중복해서 안들어가게끔 해주고 거기다가 루트 엘리먼트에 일괄적으로 전체적인 이벤트를 관리해줌. 그래서 이벤트 관리 와 관련해서 라이브러리 단에서 관리를 함

[프갤러 1(121.129)]

dom 자체가 innerHTML, innerText 등으로 동적으로 값을 제각각 넣을수 있는데 그렇기 때문에 아무런 라이프 사이클 없이 그냥 막 넣게 되면 특정한 이벤트, 타이밍 등의 불일치로 인해서 사용자가 의도하지 않은 상태, 뷰등이 보여질수 있음 그것들을 useState 등에서 비동기적으로 하고, 또한 여러개의 setState들을 배치 처리를 해줌 따라서 상태 변경 - 상태 렌더러 를 명시적으로 분리를 해주고 사용자는 상태 변경과 렌더링 타이밍을 명확하게 분리해서 생각하고 만들수 있음

[프갤러 1(121.129)]

브라우저에서 js가 실행되는 단은 웹워커나 웹 API를 타지 않는 이상 기본적으로 싱글쓰레드임 생각보다 dom & css렌더링은 시간이 많이 걸리고 사용자 입력에 따라서 대용량으로 렌더링이 필요할때 사용자 입력과 렌더링 타이밍이 부딫히게 되면 입력도 안되고 렌더링도 오래 걸려서 사용자 경험이 매우 나빠질수 있는데 useTransition 같은 걸 써서 줄수 있음

[프갤러 1(121.129)]

원래는 이런걸 바닐라js로 구현하려면 상당히 귀찮은 작업인데 이런걸 많이 줄여줌 물론 그래봤자 제1 이유는 그냥 하는 사람이 많아서 사람 뽑기 편해서 쓰는 경우가 많다고 봄

[프갤러 2(119.196)]

반응형 프로그래밍 같은거에서 어떤 값 바뀌면 거기서 파생되는것도 다같이 바꿔줘야 되잔아. 그런거 편하게 하게끔 되어있음 문법이나 그런게 ( 엑셀에서 어떤 셀에 함수걸어놓으면 함수 매개변수로 ㅅ용되는 셀 값 바뀌면 함수 걸린 셀도 바로 바뀌는 그런것들? )