분류 Reactjs

Create React App 시작하기 (6)

컨텐츠 정보

  • 조회 311 (작성일 )

본문

핫 모듈 교체 


HMR(핫 모듈 교체)은 업데이트 된 모듈을 활성 런타임에 주입하는 웹팩의 기능입니다. 모든 모듈에 대한 LiveReload와 같습니다. HMR은“opt-in”이므로 응용 프로그램의 선택된 지점에서 일부 코드를 입력해야 합니다. 종속성은 모듈 시스템에 의해 처리됩니다.


Create React App을 사용하여 생성 된 프로젝트에서 어떻게 이것을 활성화합니까?


이것은 매우 간단합니다! index.js 안에 다음 코드를 추가하면 HMR을 사용할 수 있습니다.


// regular imports
ReactDOM.render(<App /> , document.getElementById('root'))

if (module.hot) {
  module.hot.accept('./App', () => {
    ReactDOM.render(<App />, document.getElementById('root'))
  })
}

npm vs. Yarn 


npm과 Yarn은 모두 패키지 관리자입니다. Yarn은 npm과 관련된 몇 가지 문제를 해결하기 위해 Facebook에서 만들었습니다. Yarn과 npm의 GitHub 리포지토리에 있는 별 수를 순전히 살펴보면 Yarn은 npm보다 별이 훨씬 더 많습니다.


또한 Yarn의 설치 속도는 npm보다 훨씬 빠르며 Yarn은 npm보다 안전합니다. 여기에서 속도와 보안을 비교 한 심층 분석을 읽을 수 있습니다. Yarn이 더 인기 있고 권장되는 패키지 관리자 인 이유는 다음과 같습니다.


Create React App을 사용하여 빌드 된 앱 


마지막으로 앱 제작에 React 앱 만들기를 사용하려는 동기 부여를 위해 Create React App을 사용하여 부트스트랩되고 구축 된 유명한 제품을 살펴 보겠습니다.


이 깃 허브 의견 섹션에는 Create React App을 사용하여 제작 된 생산 가능한 앱의 긴 목록이 있습니다. 몇 가지 아이디어는 Y-Combinator의 일부이기도 합니다.


결론 


이제 React 앱 만들기의 다른 요소를 더 잘 이해하기를 바랍니다. 당신은 무엇을 기다리고 있습니까? 터미널을 시작하고 create-react-app를 설치 한 다음 멋진 아이디어를 만들어보세요!