2019년이전 connext함수 리액트-리덕스와
2019년이후 react-redux 다른점.
리액트-리덕스의 훅이다.
useSelector()
useDispatch()
connect
함수는 컨테이너 컴포넌트를 만드는 또 다른 방법입니다. 이 함수는 사실 앞으로 사용 할 일이 별로 없습니다. useSelector, useDispatch가 워낙 편하기 때문이죠.
솔직히 말씀드리자면 앞으로 여러분이 리덕스를 사용하게 될 때에는 connect 함수를 더 이상 사용하게 될 일이 그렇게 많지 않을 것입니다.
우리가 리액트 컴포넌트를 만들 때에는 함수형 컴포넌트로 만드는 것을 우선시해야 하고, 꼭 필요할 때에만 클래스형 컴포넌트로 작성을 해야 합니다. 만약 클래스형 컴포넌트로 작성을 하게 되는 경우에는 Hooks 를 사용하지 못하기 때문에 connect 함수를 사용하셔야 됩니다.
추가적으로, 2019년 이전에 작성된 리덕스와 연동된 컴포넌트들은 connect 함수로 작성되었을 것입니다. connect 함수가 사라지는 것은 아니기 때문에 옛날에 만든 컨테이너 컴포넌트들을 함수형으로 변환을 하실 필요는 없습니다. 때문에, 여러분들이 나중에 리액트 프로젝트를 유지보수하게 될 일이 있다면 connect 함수를 종종 접하게 될 수 있습니다.
따라서! 새로운 컨테이너 컴포넌트를 만들 때에는 connect 를 사용하는 일이 별로 없긴 하겠지만, 이 함수가 어떻게 작동하는지 이해는 해야하기 때문에, 다뤄보도록 하겠습니다.
벨로퍼트 리덕스 튜토리얼 글에서 가져온것입니다.
클릭시 이동
공부할때는 2019년 이후 자료로 공부를 주로하시고
connect는 참고로만 알고계시면 좋을거같습니다.
2019이후 공부 자료를 찾기가 조금 번거롭더군요
혹시 2019년 이후 리덕스 공부가능한 영상있으면 댓글 부탁드립니다. 유료도 상관없어요
