react.js는 정적 컨텐츠 중심 사이트에 적합합니까?

14

react.js 모델에서는 DOM 조작이 매끄럽고 이해하기 쉽기 때문에 꽤 팔렸습니다. 그러나 큰 텍스트 블록과 움직이지 않는 이미지로 인해 정적 사이트에 어떻게 활용할 수 있는지 궁금합니다. 방해가 될까요? 상태가 KB 인 텍스트가있는 구성 요소를 갖는 것은 어색한 것 같습니다.

javascript web-development html

— 피기
소스

4

망치가 있는데이 나사를 못으로 사용할 수 있는지 숙고하고 있습니다. 일반적으로 기술 관련 의사 결정은“우리의 요구 사항은 X, Y, Z입니다. 어떤 솔루션을 사용하여 가장 저렴한 비용으로 서비스를받을 수 있습니까?”가 아니라“솔루션이 있지만 제공 할 수 있습니까? 나 문제?”. React에 대한 경험이 이미 있다는 사실은 결정에 유리한 점이 있지만 어떤 요구 사항이 충족됩니까? 고객이나 사용자에게 어떤 가치를 더합니까?

— amon

4

글쎄, 그것이 내가 결정하려고하는 것입니다. React는 망치 또는 도구 상자입니까? 그것은 페이스 북이 가지고있는 유스 케이스의 종류에서 확실히 뛰어나며 다른 경우에 빠질 것이라고 나타내는 것을 보지 못했습니다. 확실히 매력적이지는 않지만 완벽하지 않다는 것을 의미하지는 않습니다.

— jiggy

1

나는 실제로 같은 질문이 있습니다. React 구성 요소에 대한 모든 것을 좋아하지만 몇 줄의 자바 스크립트 만있는 콘텐츠 기반 사이트의 경우 HTML-JS 커플 링에 중점을두고 깨끗한 HTML-CSS보다 상태 및 이벤트에 더 많이 초점을 둔 것으로 보입니다. 다른 템플릿 언어의 React 구성 요소와 같은 것을 좋아합니다.

— JeroenVdb

10

원하는 것을 알고 기술을 선택하십시오.

이러한 관점에서 React.js는 대부분 정적 웹에 과도하게 사용됩니다.

React 웹 사이트에서 :

우리는 하나의 문제를 해결하기 위해 React를 구축했습니다.

반응은 특정 손톱의 망치입니다. 그것은 대부분 정적 웹 사이트를 만드는 방법을 알게 될 것입니다.

— 미야모토 아키라
소스

2

정적 페이지 생성은 React의 예상 사용법입니다. React.renderToStaticMarkup

React가 내부적으로 사용하는 renderToString과 같은 추가 DOM 속성을 생성하지 않는다는 점을 제외 하고는와 유사합니다 data-react-id. 추가 속성을 제거하면 많은 바이트를 절약 할 수 있으므로 React를 간단한 정적 페이지 생성기로 사용하려는 경우에 유용합니다.

어떤 사람들은 여기서 과잉 반응을 사용한다고 불렀습니다. 그러나 내가 죽은 것을 원할 때 나는 그것을 과도하게 사용하는 데 아무런 문제가 없습니다. 반응이이 사용 사례에 필요한 것보다 훨씬 많은 것을 할 수 있다는 사실은 반응에 대한 논쟁이 아닙니다.

그러나 비동기 코드를 수행하려는 경우 문제가 발생할 수 있습니다. 다음을 상상해 봅시다.

function SchoolClass({classId}) {
   const students = await query("SELECT name FROM student WHERE class = ?", classId);
   return <ul>
      {_.map(students, ({name}) => <li>{name}</li>}
   </ul>
}

그러나 함수가 React 요소가 아닌 Promise를 반환하므로 React와 호환되지 않기 때문에 이것은 작동하지 않습니다. React 스타일 정적 사이트 생성기 프레임 워크를 고안하는 경우이를 허용 할 것입니다. 그러나 React는 웹 애플리케이션 클라이언트에 중점을 두므로 허용되지 않습니다.

— 윈스턴 에워 트
소스