react.js 모델에서는 DOM 조작이 매끄럽고 이해하기 쉽기 때문에 꽤 팔렸습니다. 그러나 큰 텍스트 블록과 움직이지 않는 이미지로 인해 정적 사이트에 어떻게 활용할 수 있는지 궁금합니다. 방해가 될까요? 상태가 KB 인 텍스트가있는 구성 요소를 갖는 것은 어색한 것 같습니다.
답변
원하는 것을 알고 기술을 선택하십시오.
이러한 관점에서 React.js는 대부분 정적 웹에 과도하게 사용됩니다.
React 웹 사이트에서 :
우리는 하나의 문제를 해결하기 위해 React를 구축했습니다.
반응은 특정 손톱의 망치입니다. 그것은 대부분 정적 웹 사이트를 만드는 방법을 알게 될 것입니다.
답변
정적 페이지 생성은 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는 웹 애플리케이션 클라이언트에 중점을 두므로 허용되지 않습니다.