본문 바로가기
📖 책 찢기/모던 리액트 Deep Dive

[모던 리액트 Deep Dive] 15장. 마치며

by 짱돌보리 2024. 7. 31.
728x90

https://github.com/Study-FE-Techbook/Modern-React-Deep-Dive

 

GitHub - Study-FE-Techbook/Modern-React-Deep-Dive: 모던 리액트 딥다이브 스터디

모던 리액트 딥다이브 스터디. Contribute to Study-FE-Techbook/Modern-React-Deep-Dive development by creating an account on GitHub.

github.com

 

 

[15장] 마치며

15.1 리액트 프로젝트를 시작할 때 고려해야 할 사항

✨유지보수 중인 서비스라면 리액트 버전을 최소 16.8.6에서 최대 17.0.2로 올려두자

  • 리액트 16.8에서 훅이 소개됐고, 훅 덕분에 함수형 컴포넌트의 개념이 정립됐다.
  • 17 버전은 기능 출시 및 호환성이 깨지는 변경 사항을 최소한으로 맞춘 업데이트이기 때문에 17로 가는 것도 좋다.

❓기존에 클래스형으로 작성한 컴포넌트를 함수형으로 리팩토링할 필요가 있을까

굳이 그럴 필요는 없다.

함수형으로 사고의 전환이 필요하고 함수형과 클래스형을 모두 능숙하게 다룰 줄 알아야 한다. 가까운 미래에 클래스형 컴포넌트가 사라지지 않을 거라서 서둘러 전환하지 않아도 된다.

 

✨인터넷 익스플로러 11 지원을 목표한다면 각별히 더 주의를 기한다

  • 리액트: 18버전부터 지원 X
  • Next.js: 13부터 지원 X
  • query-string: 6.x부터 지원 X

✨서버 사이드 렌더링 애플리케이션을 우선적으로 고려한다

✨상태 관리 라이브러리는 꼭 필요할 때만 사용한다

  • 무작성 상태 관리 라이브러리 하나를 잡고 공부하는 것보다 조금씩 점진적으로 상태와 상태 관리의 필요성을 깨닫는 것이 좋다.

✨리액트 의존성 라이브러리 설치를 조심한다

  • peerDependencies가 설치하고자 하는 프로젝트의 리액트 버전과 맞는지 확인하자
  • 버전이 안 맞으면 설치가 불가능하고 설치한다해도 문제을 일으킬 가능성이 크다.

15.2 언젠가 사라질 수도 있는 리액트

✨리액트는 그래서 정말 완벽한 라이브러리인가?

📍클래스형 컴포넌트에서 함수형 컴포넌트로 넘어오면서 느껴지는 혼란

📍너무 방대한 자유가 주는 혼란

 

✨오픈소스 생태게의 명과 암

📍페이스북 라이선스 이슈

📍오픈소스는 무료로 계속 제공될 수 있는가? colors.js, faker.js, 그리고 바벨

 

✨제이쿼리, AngularJS, 리액트, 그리고 다음은 무엇인가?

 

✨웹 개발자로서 가져야 할 유연한 자세

Why React is a Library, and not a framework.

 

Why React is a Library, and not a framework.

Exploring the Distinction Between a Library and a Framework: Why You Shouldn’t Use the Terms Interchangeably Anymore.

medium.com