Back to Browse

Setting up our Desktop app project with TypeScript + Electron.js + React.js over Create React App.

18.4K views
Dec 28, 2019
25:22

**PROJECT SOURCES ** https://github.com/conditionalcoding/typescript-electron-react In this video, we are taking a look at an installation process and basic application with React.js + Electron.js over TypeScript configuration. First of all, we need an installation of a basic React application using create-react-app using TypeScript, then there is a specific configuration build script to make in other to point react app public URL to a relative directory URL so that when we will run an Electron application it will find an actual static bundle. Electron Got Typescript support now! So I'm making full TypeScript application setup with a different configuration file to compile to "commonjs". The main workflow is to build a React TypeScript application to basic static JS bundles and source them over index.html loaded over Electron.js file which we are getting over Electron application main entrance. This is not the actual tutorial, or step by step guide, the intention is to keep forward on making our Timeblocker desktop application. Upcoming video is going to be deep coding for making MacOS System Tray UI for our timer and base actions. We will code a lot there! **NVM** https://github.com/nvm-sh/nvm **Electron.js with TypeScript** https://github.com/electron/electron-quick-start-typescript **Create React App** https://github.com/facebook/create-react-app

Download

0 formats

No download links available.

Setting up our Desktop app project with TypeScript + Electron.js + React.js over Create React App. | NatokHD