Electron + React = 💜

  • 11. Electron : Icons
  • 10. Electron : Build
  • 9. Electron : Native Node Module
  • 8. Electron : Shell
  • 7. React : 상태 관리
  • 6. React + Electron : 이벤트
  • 5. React + Electron : Example
  • 4. Electron : 이벤트
  • 3. Electron : 통신
  • 2. Electron : 기본 기능
  • 1. Electron : 구성

React + Electron : Example

7개월, 2주 전
@baealex

소비적인 일보단 생산적인 일을 좋아합니다.

이 프로젝트에선 yarn을 사용하고 있는데 npm을 사용할 수 있겠지만 그냥 다운받았다.

https://yarnpkg.com/lang/en/

git clone https://github.com/kitze/react-electron-example
cd react-electron-example
yarn
yarn start

위 명령어를 콘솔에 입력하면 다음과 같은 창을 만날 수 있다!

어떤 원리로 돌아가는가 보았더니

mainWindow.loadURL(
    isDev
        ? "http://localhost:3000"
        : `file://${path.join(__dirname, "../build/index.html")}`
);

개발중에는 React와 마찬가지로 3000번 포트에 올려서 Electron도 그 화면을 보여주고 빌드시에는 React를 빌드하고 빌드된 화면으로 실행하는 듯

작성된 댓글이 없습니다!
로그인된 사용자만 댓글을 작성할 수 있습니다.