Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Scaffold basic Electron + TS + React boilerplate #12

Closed
nugmanoff opened this issue Apr 4, 2020 · 3 comments · Fixed by #14
Closed

Scaffold basic Electron + TS + React boilerplate #12

nugmanoff opened this issue Apr 4, 2020 · 3 comments · Fixed by #14
Assignees
Labels
infra Infra/tooling-related enhancement
Milestone

Comments

@nugmanoff
Copy link
Collaborator

nugmanoff commented Apr 4, 2020

Desired result is working Electron application with minimum functionality ("Hello, World" React component would be just right). You need to setup:
• React + Typescript environment
• Some Electron boilerplate tool

Also you need to try it out yourselves so that you can briefly introduce other members of the team on how to basically code in (Electron + TS + React) environment.

P.S. You can jump straight to creating PR and working there with WIP tag, don't forget to add "Closes #12" annotation in the description of PR (for example look at #6 )

@nugmanoff nugmanoff added the infra Infra/tooling-related enhancement label Apr 4, 2020
@nugmanoff nugmanoff added this to the project-setup milestone Apr 4, 2020
@yerkeboolean
Copy link
Contributor

Here is cool tutorial how to start with Electron + React + TypeScript + WebPack
Super easy
https://www.sitepen.com/blog/getting-started-with-electron-typescript-react-and-webpack/

@abdigali1
Copy link
Contributor

I'm agree with @yerkeboolean, his tutorial is very useful, but after browsing internet, i found not better, but a few alternatives.

https://github.com/iRath96/electron-react-typescript-boilerplate - electron react typescript boilerplate repository, which modified from awesome repo with 15k stars (https://github.com/electron-react-boilerplate/electron-react-boilerplate), but the last commit was 3 years ago.

https://github.com/Robinfr/electron-react-typescript - also awesome repo, last commit was 2, author heavily influenced with that repo with 15k stars and have husky an prettier inside.

Also was repos like:
https://github.com/Devtography/electron-react-typescript-webpack-boilerplate
https://github.com/lanten/electron-antd
https://github.com/Leskd/electron-react-typescript

@abdigali1
Copy link
Contributor

I found very useful article https://ankitbko.github.io/2019/08/electron-forge-with-react-and-typescript/, where he used electron forge, react and typescript, but inside author mentioned one more article, which he was inspired by: https://www.juhaelee.dev/typescript-electron/, where electron forge, react, typescript and babel is used.
Both of them almost the same, but first one unused babel, cause he used typescript only in build time, not in development (but in the end of article he shows, how to use in also in development time), but second article used babel+typescript in development and there was a reference to "TypeScript With Babel" article(https://iamturns.com/TypeScript-babel/), where describes, why you should use typescript with babel. Read it!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
infra Infra/tooling-related enhancement
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants