찾다
웹 프론트엔드프런트엔드 Q&AReact를 모바일로 만들 수 있나요?

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으로 문의하세요.
CSS : ID 선택기를 사용하는 것이 좋지 않습니까?CSS : ID 선택기를 사용하는 것이 좋지 않습니까?May 13, 2025 am 12:14 AM

ID 선택기를 사용하는 것은 본질적으로 CSS에서 나쁘지 않지만주의해서 사용해야합니다. 1) ID 선택기는 고유 한 요소 또는 JavaScript 후크에 적합합니다. 2) 일반적인 스타일의 경우 클래스 선택기가보다 유연하고 유지 관리 가능하므로 사용해야합니다. ID 및 클래스 사용의 균형을 유지함으로써보다 강력하고 효율적인 CSS 아키텍처를 구현할 수 있습니다.

HTML5 : 2024 년 목표HTML5 : 2024 년 목표May 13, 2025 am 12:13 AM

HTML5'SGOALSIN2024FOCUSONERFINEMENTANDENDEND 및 최적화, NOTNEWFEATURES.1) 최적화 된 렌더링을 향상시킵니다

HTML5가 개선하려고했던 주요 영역은 무엇입니까?HTML5가 개선하려고했던 주요 영역은 무엇입니까?May 13, 2025 am 12:12 AM

html5aimedtoimprovewebdevelopmentinfourkeyareas : 1) Multimediasupport, 2) Semantictructure, 3) Formcapabilities, 및 4) OfflineandStorageOptions.1) Html5intrudceDandlements, Simplifying MediaembeddingandenUsereXperxpercepence.2) NewSmanticallementalmentalmentementlementmentmentmentmentmentmentmentmentmentmentmentmentmentmentmentmentmentmentalments

CSS ID 및 클래스 : 일반적인 실수CSS ID 및 클래스 : 일반적인 실수May 13, 2025 am 12:11 AM

idsshouldBeusedforjavaScriptThooks, whileclassesarebetterforstyling.1) 1) USECLASSESTYLINGTOWALLOWFOREASIEREASEANDAVOIDSPECIFICITISUES.2) USEDSFORJAVASCRIPTHOOKSTOUNIQUELIDINTIFYELEMENTS.3) 피할 수있는 TeepSelectorsSimpleApperforformance.4

클래스와 ID 선택기 사이의 시상은 무엇입니까?클래스와 ID 선택기 사이의 시상은 무엇입니까?May 12, 2025 am 12:13 AM

classselectorsareversatiledreusable, whileDselectorsareUniqueAndspecific.1) USECLASSSELECTORS (DENOTEDBY.) ForstylingMultipleElementSwithSharedCharacteristics

CSS IDS 대 클래스 : 실제 차이점CSS IDS 대 클래스 : 실제 차이점May 12, 2025 am 12:10 AM

idsareUniqueIndifiersforsinglelemes, whileclassesstylemultipleements.1) useidsforuniqueElements 및 Javascripthooks.2) useclassessforusable, flexiblestylingacrossmultipleelements.

CSS : 클래스 만 사용하면 어떻게됩니까?CSS : 클래스 만 사용하면 어떻게됩니까?May 12, 2025 am 12:09 AM

클래스 전용 선택기를 사용하면 코드 재사용 성과 유지 관리가 향상 될 수 있지만 클래스 이름 및 우선 순위를 관리해야합니다. 1. 재사용 성과 유연성 향상, 2. 여러 클래스를 결합하여 복잡한 스타일을 만들고, 3. 긴 클래스 이름과 우선 순위로 이어질 수 있습니다.

CSS의 ID 및 클래스 선택기 : 초보자 안내서CSS의 ID 및 클래스 선택기 : 초보자 안내서May 12, 2025 am 12:06 AM

ID 및 클래스 선택기는 각각 고유 및 멀티 요소 스타일 설정에 CSS에서 사용됩니다. 1. ID 선택기 (#)는 특정 탐색 메뉴와 같은 단일 요소에 적합합니다. 2. 클래스 선택기 (.)는 통합 버튼 스타일과 같은 여러 요소에 사용됩니다. ID는주의해서 사용하고 과도한 특이성을 피하며 스타일 재사용 성과 유연성을 향상시키기 위해 클래스를 우선시해야합니다.

See all articles

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

Video Face Swap

Video Face Swap

완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

뜨거운 도구

WebStorm Mac 버전

WebStorm Mac 버전

유용한 JavaScript 개발 도구

에디트플러스 중국어 크랙 버전

에디트플러스 중국어 크랙 버전

작은 크기, 구문 강조, 코드 프롬프트 기능을 지원하지 않음

SecList

SecList

SecLists는 최고의 보안 테스터의 동반자입니다. 보안 평가 시 자주 사용되는 다양한 유형의 목록을 한 곳에 모아 놓은 것입니다. SecLists는 보안 테스터에게 필요할 수 있는 모든 목록을 편리하게 제공하여 보안 테스트를 더욱 효율적이고 생산적으로 만드는 데 도움이 됩니다. 목록 유형에는 사용자 이름, 비밀번호, URL, 퍼징 페이로드, 민감한 데이터 패턴, 웹 셸 등이 포함됩니다. 테스터는 이 저장소를 새로운 테스트 시스템으로 간단히 가져올 수 있으며 필요한 모든 유형의 목록에 액세스할 수 있습니다.

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

Atom Editor Mac 버전 다운로드

Atom Editor Mac 버전 다운로드

가장 인기 있는 오픈 소스 편집기