目的

桌面客户端开发,也已经是前端领域的一致分支了。跳出浏览器的我们,会获得更多能力。

Electron,目前客户端开发最知名的框架,以VSCode为首的各种应用,都是基于他做的。

React,最强大的前端框架,战绩更不用说了。

现在,你可能跟我一样,想同时使用两者,双剑合璧,天下无敌。

如果你想从头自己搭建,不是不可以,只要你对Electron、React、Webpack的使用及其生态了如指掌。但,我想,大部分人可能做不到,即使你是个屠龙的勇士,想只身逞英雄一试,可能也会被搞的到处碰壁,最后精力消耗殆尽,还没开始写项目,就先死在脚手架搭建阶段了。

所以,最明智的选择,就是寻找一个好用的脚手架。

Electron React Boilerplate

Github地址:https://github.com/electron-react-boilerplate/electron-react-boilerplate

Electron React Boilerplate,正是这样一个脚手架,将Electron与React结合在一起,并提供热更新、打包发布等功能,开箱即用。

按照官方文档,启动项目效果如下。


之后就可以开心的开发客户端了。

基于TS

这个模板的代码,是基于typescript的,所以需要你对ts有一定的了解。我个人最近学习了一下ts,觉得是时候要拥抱它了。

js灵活,方便,闪转腾挪。但,很多时候,我们需要稳定、健壮,这就是ts的优势。就像一个热血沸腾的青年,走向成熟的过程。它逐渐放弃了自己的浪荡不羁,而更注重稳定、踏实而无懈可击的走好每一步。

【前端工具分享】Electron React Boilerplate(Electron+React项目模板,开箱即用)相关推荐

  1. 【仿淘宝首页】前端网页模板,大学生前端作业分享,html5+css电商网站模板,包含js动效

    直接上代码 <!doctype html> <html lang="en"><head><meta charset="UTF-8 ...

  2. 构建 Snowpack + React + Typescript + Electron的Desktop App

    Atom和VSCode都是基于Electron开发的项目,在好奇心的催动下,我就组合了一个简单的Electron + Snowpack的框架. 简介 Electron Electron 是一个使用 J ...

  3. 学习使用React和Electron一次构建自己的桌面聊天应用程序

    by Alex Booker 通过亚历克斯布克 学习使用React和Electron一次构建自己的桌面聊天应用程序 (Learn to build your own desktop chat app ...

  4. react render没更新_web前端教程分享React学习笔记(一)

    web前端教程分享React学习笔记(一),React的起源和发展:React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写 ...

  5. 用react和electron实现文件树组件(上)

    目录 01.创建react和electron工程 02.实现打开文件夹的功能 03.实现mount前区分是文件夹还是文件 ​ 01.创建react和electron工程 创建一个文件夹file-tre ...

  6. electron 打包_Electron结合React开发桌面应用

    React 结合 Electron 开发桌面应用入门 Electron 是 Github 发布的跨平台桌面应用开发工具,它支持使用 web 技术来开发桌面应用,即你可以使用 Html+css+Java ...

  7. electron结合JAVAweb_Electron结合React开发桌面应用

    React 结合 Electron 开发桌面应用入门 Electron 是 Github 发布的跨平台桌面应用开发工具,它支持使用 web 技术来开发桌面应用,即你可以使用 Html+css+Java ...

  8. web前端培训分享Electron之Main Process API

    本节由千锋web前端培训机构讲师给大家分享Electron使用指南之Main Process API,Electron API (Electron API 有三种) Main Process (主进进 ...

  9. react组件卸载调用的方法_好程序员web前端培训分享React学习笔记(三)

    好程序员web前端培训分享React学习笔记(三),组件的生命周期 React中组件也有生命周期,也就是说也有很多钩子函数供我们使用, 组件的生命周期,我们会分为四个阶段,初始化.运行中.销毁.错误处 ...

最新文章

  1. centos修改主机名整理(勿喷)
  2. 神奇的计算器dc和bc
  3. C++:流类库与输入输出
  4. Unexpected exception 'Cannot run program '的解决
  5. 深入浅出带你了解Python2与Python3的异同
  6. CSS的样式合并与模块化
  7. 佐藤hiroko-爱拯救了我(步之物语)
  8. CCA算法 matlab,典型相关分析(CCA)附算法应用及程序
  9. 心理学上的被动_心理学基本原理之二 : 主动与被动原理
  10. (一)ROS中新建机器人模型(urdf格式)并用rviz显示
  11. 树上的动态规划--树的最大独立集--刷表法
  12. Uncertainty Modeling and Optimization-不确定性建模与优化-理论篇(高速更新中)
  13. Cathy推荐Java面试题
  14. strtok函数用法
  15. 十五分钟快速入门系列:Python基础
  16. keil (MDK + C51) 安装
  17. 【解决方法】点击bootstrap里导航条nav里的下拉菜单无反应)
  18. 享元模式(Flyweight模式)
  19. Mybatis : DEBUG [main] - PooledDataSource forcefully closed/removed all connections.
  20. 开源php留言板源码,PHP开源多功能留言板(SyGuestBook)

热门文章

  1. 计算机通讯电缆型号,计算机电缆简介及型号
  2. 数据结构(五)------递归
  3. 【设计推送】全方位科普移动端导航的七种设计模式
  4. Linux权限,shell 理解
  5. IntelliJ IDEA切换Git远程分支 提交代码 拉取最新代码
  6. 三菱PLC编程软件GX Developer操作方法
  7. opencv——识别A4纸
  8. 2018可信区块链峰会溯源论坛——年度盛典,蓄势待发
  9. kvm steal 溯源
  10. 2008年度全球50个最佳网站