APP下载

Github上超过12K+star的整合React可扩充套件跨平台应用程序基础框架

消息来源:baojiabao.com 作者: 发布时间:2024-11-27

报价宝综合消息Github上超过12K+star的整合React可扩充套件跨平台应用程序基础框架

介绍

Electron React Boilerplate是Github上超过12k+star的可扩充套件跨平台应用程序开发框架,Electron 是基于HTML+CSS+Javascript等 Web 技术建立原生程式的框架,它已经帮我们搞定了最难搞的部分,而Electron React Boilerplate在其基础上进行了扩充套件,将React整合进去并构建成了模板。

文件和Github地址

文件:https://electron-react-boilerplate.js.org/docs/installationGithubhttps://github.com/electron-react-boilerplate/electron-react-boilerplate

特点

热载入顾名思义,实时预览功能

可扩充套件构建没有型别的可扩充套件应用程序只能做到这一步。开发应用程序时出现型别错误。在编译时和执行时引发错误

效能:构建优化开箱即用的webpack优化和压缩程式码解决方案,这避免了与传统Electron 应用程序相关的效能瓶颈。

专案使用到的工具Electron

React, Redux, React Router,

Webpack

React Hot Loader

快速入门

测试环境:Windows 10 V1903

# 从Github快速克隆:

git clone --depth=1 https://github.com/electron-react-boilerplate/electron-react-boilerplate.git your-project-name

#命令列到专案目录

cd your-project-name

# yarn安装依赖

yarn

#执行

yarn dev

执行成功

我这里中途并未出现过什么错误,如果你在搭建过程中出现了什么错误,可以参考官网的安装除错指南。

#构建

yarn build

#打包

要打包本地平台的应用程序:

yarn package

构建多个平台请参考官方指南,设计一些依赖

yarn package-all

构建可选平台 yarn package --[option]

yarn package --win //windows

yarn package --mac //mac

yarn package --linux //linux

编辑器配置

建议使用VSCode安装以下扩充套件,只为了让你有更好的体验,以及提高编码效率

EditorconfigESLintPrettierFlowBabelJestES6 SnippetsReact Snippets

专案目录

专案的目录和开发基本的React应用相差不大

总结

有了Electron React Boilerplate可以省去我们很多基础工作的时间,对于熟悉React的人来说尤为友好!

2020-07-23 01:54:00

相关文章