>  기사  >  웹 프론트엔드  >  React를 모바일로 만들 수 있나요?

React를 모바일로 만들 수 있나요?

藏色散人
藏色散人원래의
2022-12-29 10:53:322628검색

React는 모바일 측에서 사용할 수 있고 모바일 측에도 적합하지만 PC 측에서 React를 사용하려면 highCharts 차트를 포함하되 이에 국한되지 않는 많은 기존 구성 요소를 다시 실행해야 하기 때문에 PC 측에는 적합하지 않습니다. 클래스와 dataPicker 기본 구성 요소, 모바일 웹 앱은 정확히 이러한 복잡한 구성 요소가 필요하지 않으므로 모바일 프로젝트를 작성할 때 구성 요소를 다시 작성할 수 있는 기회가 제공됩니다.

React를 모바일로 만들 수 있나요?

이 튜토리얼의 운영 환경: Windows 10 시스템, 반응 버전 18.0.0, Dell G3 컴퓨터.

React를 모바일로 만들 수 있나요?

react는 모바일 기기에서 사용할 수 있으며 모바일 기기에는 적합하지만 PC 기기에는 적합하지 않습니다.

이유:

1. PC 측에서 React를 사용하려면 highCharts 차트 클래스 및 dataPicker 기본 구성 요소를 포함하되 이에 국한되지 않는 많은 기존 구성 요소를 다시 실행해야 합니다.

2. 모바일 웹 앱에는 이러한 복잡한 구성 요소가 필요하지 않으므로 모바일 프로젝트에 구성 요소를 다시 작성할 수 있는 기회가 제공됩니다.

PC 쪽에서는 SEO가 필요하지만, 모바일 쪽에서는 기본적으로 SEO가 필요하지 않기 때문에 이 데이터를 사용해 프레임워크를 사후 로드하는 것이 가능합니다.

3. 웹팩으로 컴파일된 기본 라이브러리 React + es6 + Route + redux + tappable 비용은 축소 후 200k 미만, gzip 후 약 50k입니다. 분명히 말하면 모바일 단말기에 적합합니다.

4. etag 또는 Expires의 강력한 캐싱을 사용하는지, 아니면 캐싱을 위해 localStorage를 사용하는지 여부. 처음으로 접속하는 50k 기본 라이브러리는 2g 사용자에게 치명적인 부상이 아닙니다. 2g에 대한 치명적인 부상은 엄청난 RTT 시간입니다. React를 사용하면 기본적으로 작업에 zepto가 필요하지 않습니다. 13k gzip 이후에는 zepto가 필요하지 않으며 사용할 템플릿 엔진이 하나 더 적습니다.

5. es6을 사용하고 나면 컴파일된 코드가 상당히 커지지만, 분명히 이 수십 K가 React 사용을 방해하는 이유는 아닙니다.

WeChat 지갑에서 도시 서비스 홈페이지를 시험해 볼 수 있습니다. 방금 React를 사용해 보았으며 앞으로는 다른 WeChat 비즈니스 프로젝트에도 적용할 예정입니다.

추천 학습: "react 비디오 튜토리얼"

위 내용은 React를 모바일로 만들 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.