모던 리액트 deep dive 스터디 - 8주차 발표 정리

 

모던 리액트 deep dive 스터디 - 8주차 발표 정리

 

 

 

 

 

주제: 15장. 마치며

 

 

---

 

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

 

 

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

 

리액트 17 버전은 새로운 기능 출시 및 호환성이 깨지는 변경 사항을 최소한으로 맞춘 업데이트라 가능하면 업데이트 해두는 것이 좋다.

 

그렇다고, 클래스형으로 작성한 컴포넌트를 함수형으로까지 바꿀 필요는 없음.

 

클래스형 컴포넌트는 사라질 계획이 없기 때문에 둘 다 능숙하게 다룰줄 알아야한다.

 

 

 

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

 

인터넷 익스플로러에 대해 지원을 공식적으로 하지 않기때문에 버전 업데이트시 주의하기

 

 

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

 

VOC의 대부분은 평범한 사용자가 아닌, 극단적으로 분류 될 수 있는 사용자로부터 비롯되기 때문에 가능한 한 평균적으로 우수한 성능을 지니는 웹사이트를 제공하는 것이 좋다.

 

 

싱글 페이지 애플리케이션

• 제한적인 사용자에게 빠르게 웹페이지를 제공해야 하는 경우
• 이벤트 페이지와 같이 콘텍츠와 인터렉션이 매우 제한적인 소규모 웹페이지
• 서버를 준비해야 할 상황이 여의치 않은 경우

 

서버 사이드 렌더링

• 많은 사용자를 감당해야하거나 계획할 때
• 서버를 준비할 수 있을 때

 

 

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

 

Context API의 등장으로 관리해야할 상태가 적거나 비교적 정적인 애플리케이션이라면 굳이 상태관리 라이브러리를 도입할 필요가 없다.

 

그리고, 굳이 리덕스를 선택할 필요도 없다.

 

 

 

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

 

peerDependencies가 설치하고자 하는 프로젝트의 리액트 버전과 맞는지 확인해야한다.

 

 

 

---

 

리액트는 완벽한 라이브러리인가?

 

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

 

Svelte와 Vue에 비해서 문서가 깔끔하지 않은 편이며, 초보자들이 리액트를 처음 배울때 클래스형을 배울지 함수형을 배울지에 대한 선택의 갈림길에 놓이게 됨.

 

 

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

 

리액트는 너무 자유롭기 때문에 파편화된 리액트 기술 스택은 오히려 장애물이 될 수 있음.

 

 

 

---

 

 

무슨 프레임워크나 라이브러리를 사용하든 HTML과 CSS, 자바스크립트가 기초가 된다는 사실은 변함이 없다.

 

리액트도 수많은 기술들중 하나이고 절대 리액트가 유일하다는 생각은 하지말아야한다.

 

라이브러리와 프레임워크는 그저 도구일 뿐, 자바스크립트가 토대라는 사실에는 변함이 없다.

 

이 사실을 항상 명심해야한다.