typescript结合react+electron桌面应用程序的实践(二)—路由篇

或许我们已经学会了最基本的配置,如何配置react路由、如何启动electron+react项目、typescript的描述文件、如果能掌握一点typescript的基本知识,再配置一点webpack【之前的博客】的基本loader,webpack的开发环境、生产环境配置,最最最基本的骨架已经可以修改和配置了,只需要在需要的时候查缺补漏就可以,剩下的事情或许就是写页面了。

react-router 4版本还是有很多注意的地方,代码就像情人,一段时间不见,就没感觉了,所以还是再熟悉一遍了。

本篇文章主要是转发,然后在原来的基础上进行实践和补充,原文链接

继续阅读“typescript结合react+electron桌面应用程序的实践(二)—路由篇”

typescript结合react+electron桌面应用程序的实践

本篇博客会记录从零开始构建react+electron+typescript的应用实例,源码地址

react是前端的热门框架,我们会练习使用组件,以及使用路由来分模块页面,封装简单的公用组件。内部的组件都是tsx后缀,加入了typescript的使用

electron是让我们实现桌面应用的框架,你可以理解为一个桌面应用的壳,在这个壳里面用HTML,CSS和JavaScript来构建跨平台桌面应用程序,Electron通过将ChromiumNode.js合并到同一个运行时环境中,并将其打包为Mac,Windows和Linux系统下的应用来实现这一目的

typescript是我们javascript的超集,这也是第一次结合使用,希望可以顺利了

继续阅读“typescript结合react+electron桌面应用程序的实践”

webapck入门学习【一】

我们在以往的项目中可能使用grunt或者是gulp来对我们的前端项目来做一个资源管理,比如上线发布之前,先执行一下gulp脚本来压缩一下图片或者混淆一下js和css,来让上线发布的文件变得尽量小一些,这样在请求的时候也会更快一些。或许你觉得够了,但是对于我这种不会gulp和grunt的人,还懒的学的来说。。。好像不够啊!而且这俩个在渐渐的落伍,那我不选webpack的话,好像会很傻的样子

继续阅读“webapck入门学习【一】”

【前端】webpack如何多入口配置多页面

现在前端SPA单页面这么流行,比如一套脚手架,我们在用到的时候连vue+vue-router等,甚至连webpack或者gulp等一套就集成了,里面只需要修改一些简单的配置,就可以解决跨域问题,但是,当我们项目慢慢大起来的时候,总要用到多页面的时候,那我们如何修改vue-cli或者是create-react-app这种脚手架中的默认配置呢?

继续阅读“【前端】webpack如何多入口配置多页面”

结婚纪念日

今天就是李哲与他老婆结婚十周年的纪念日了。包括恋爱,经历各种风风雨雨,两人在一起已经十四年了。当年两人还是圈子里的情侣模范,也不知道是从什么时候开始,俩人的激情慢慢冷却,到如今已经擦不起一点小火花了。

继续阅读“结婚纪念日”