'동형 반응'이 무슨 뜻이죠?

'동형 반응'이 무슨 뜻이죠?

리액트 튜토리얼을 읽다가 웹에서 동형 리액트에 대해 많이 봤어요.그게 뭔지, 어떻게 작동하는지 혼란스러웠을 뿐이야.

「isomoric React」는, 기동시에 필요한 모든 데이터를 로드해, 유저의 요구에 따라서 클라이언트측에서 렌더링을 계속해, 완전한 데이터를 보관 유지하는 애플리케이션(Redux 아키텍처)인 것으로 알고 있습니다.

서드파티 어플리케이션에서 웹 서비스를 사용하여 완전한 HTML 폼을 로드해야 하는 시나리오가 있는 경우, 여기서 데이터를 json(화면에 렌더링해야 하는 필드의 구성표)으로 가져오고, 작업을 수행할 때 요청을 다시 전송하여 다른 스키마를 가져와 다음 화면으로 로드해야 합니다.

이 시나리오에서는 서버 콜 또는 Ajax 콜(API가 노출될 수 있기 때문에 하고 싶지 않은 경우)을 할 때마다 동형 콜을 사용하는 방법을 설명합니다.

이 경우, 이 어플리케이션을 동형이라고 할 수 있습니까, 아니면 동형에 대한 저의 이해가 전혀 잘못되었다고 할 수 있습니까?

동형: "형상 또는 관계가 대응하거나 유사합니다."

웹 앱에 관해서는 서버가 클라이언트와 어느 정도 유사하다는 것을 의미합니다.서버는 클라이언트만큼 렌더링할 수 있습니다.어떤 면에서 동형 웹 앱은 서버가 데이터를 렌더링한 후 클라이언트에 미리 렌더링하여 전송하는 오래된 패러다임으로 되돌아가는 것입니다(PHP 템플릿 또는 루비 생각).erb).

구체적으로는 isomapro React에서는 서버가 React 컴포넌트와 를 사용하여 클라이언트의 초기 HTML을 렌더링하는 것을 의미합니다.React.renderToString()이것에 의해, 2배의 작업이 불필요하게 됩니다.erb서버측에서 템플릿을 사용하고 클라이언트측 템플릿에 핸들바를 사용하는 경우 및 FOC를 회피할 수 있습니다.리액트만 쓰면 돼

서드파티 서비스를 사용하는 경우 json 데이터를 평소처럼 사용합니다.어플리케이션의 형상이 같은지 아닌지는 자신의 서버가 프런트엔드와 같은 템플릿 엔진을 사용하고 있는지 여부입니다.사용하는 서드파티 서비스는 앱의 동형성 여부와 무관합니다.

이형성을 개괄적으로 이해하십시오.

Server driven world : 이 세계에서는 사용자가 브라우저에서 페이지를 열면 클라이언트(브라우저)와 서버 간에 많은 상호작용이 발생합니다.브라우저에 페이지를 로드하기 위해 브라우저와 서버는 사용자에게 웹 페이지를 제공하는 요청과 렌더링을 통해 작업을 시작합니다.이 세계에서는, 유저의 조작에 따라, 서버가 각 페이지의 렌더링을 담당했습니다.예를 들어 사용자가 [Submit]버튼을 클릭하면 폼에 입력된 데이터 사용자와 함께 request가 서버로 전송되고 응답 서버는 데이터가 포함된 새로운 HTML을 브라우저에 반환하여 다음 화면을 표시합니다.여기서 서버는 비즈니스 로직 및 데이터 모델과 함께 UI를 담당합니다.이 방법에는 많은 장점과 단점이 있습니다.

클라이언트 주도의 세계 또는 단일 페이지 애플리케이션의 세계 이 세계에서는 웹 페이지 렌더링의 책임이 클라이언트(브라우저)에게 넘어갔고 서버는 주로 비즈니스 로직과 데이터 모델을 담당했습니다.이것도 장점과 단점이 많다.

클라이언트 측과 서버 측 렌더링 월드는 각각 장점이 있으며, '이형 자바스크립트'는 두 월드의 장점을 모두 누릴 수 있는 방법입니다.

React는 바로 사용할 수 있는 동형 지원을 제공하는 프레임워크입니다.

언급URL : https://stackoverflow.com/questions/43064707/what-does-isomorphic-react-mean