【前端工具分享】Electron React Boilerplate(Electron+React项目模板,开箱即用)
目的
桌面客户端开发,也已经是前端领域的一致分支了。跳出浏览器的我们,会获得更多能力。
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项目模板,开箱即用)相关推荐
- 【仿淘宝首页】前端网页模板,大学生前端作业分享,html5+css电商网站模板,包含js动效
直接上代码 <!doctype html> <html lang="en"><head><meta charset="UTF-8 ...
- 构建 Snowpack + React + Typescript + Electron的Desktop App
Atom和VSCode都是基于Electron开发的项目,在好奇心的催动下,我就组合了一个简单的Electron + Snowpack的框架. 简介 Electron Electron 是一个使用 J ...
- 学习使用React和Electron一次构建自己的桌面聊天应用程序
by Alex Booker 通过亚历克斯布克 学习使用React和Electron一次构建自己的桌面聊天应用程序 (Learn to build your own desktop chat app ...
- react render没更新_web前端教程分享React学习笔记(一)
web前端教程分享React学习笔记(一),React的起源和发展:React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写 ...
- 用react和electron实现文件树组件(上)
目录 01.创建react和electron工程 02.实现打开文件夹的功能 03.实现mount前区分是文件夹还是文件 01.创建react和electron工程 创建一个文件夹file-tre ...
- electron 打包_Electron结合React开发桌面应用
React 结合 Electron 开发桌面应用入门 Electron 是 Github 发布的跨平台桌面应用开发工具,它支持使用 web 技术来开发桌面应用,即你可以使用 Html+css+Java ...
- electron结合JAVAweb_Electron结合React开发桌面应用
React 结合 Electron 开发桌面应用入门 Electron 是 Github 发布的跨平台桌面应用开发工具,它支持使用 web 技术来开发桌面应用,即你可以使用 Html+css+Java ...
- web前端培训分享Electron之Main Process API
本节由千锋web前端培训机构讲师给大家分享Electron使用指南之Main Process API,Electron API (Electron API 有三种) Main Process (主进进 ...
- react组件卸载调用的方法_好程序员web前端培训分享React学习笔记(三)
好程序员web前端培训分享React学习笔记(三),组件的生命周期 React中组件也有生命周期,也就是说也有很多钩子函数供我们使用, 组件的生命周期,我们会分为四个阶段,初始化.运行中.销毁.错误处 ...
最新文章
- centos修改主机名整理(勿喷)
- 神奇的计算器dc和bc
- C++:流类库与输入输出
- Unexpected exception 'Cannot run program '的解决
- 深入浅出带你了解Python2与Python3的异同
- CSS的样式合并与模块化
- 佐藤hiroko-爱拯救了我(步之物语)
- CCA算法 matlab,典型相关分析(CCA)附算法应用及程序
- 心理学上的被动_心理学基本原理之二 : 主动与被动原理
- (一)ROS中新建机器人模型(urdf格式)并用rviz显示
- 树上的动态规划--树的最大独立集--刷表法
- Uncertainty Modeling and Optimization-不确定性建模与优化-理论篇(高速更新中)
- Cathy推荐Java面试题
- strtok函数用法
- 十五分钟快速入门系列:Python基础
- keil (MDK + C51) 安装
- 【解决方法】点击bootstrap里导航条nav里的下拉菜单无反应)
- 享元模式(Flyweight模式)
- Mybatis : DEBUG [main] - PooledDataSource forcefully closed/removed all connections.
- 开源php留言板源码,PHP开源多功能留言板(SyGuestBook)