专栏首页前端达人19年你应该关注这50款前端热门工具(上)
原创

19年你应该关注这50款前端热门工具(上)

19年,又是新的一年,“前端届”,又出了哪些新的“玩意”,今天小编向你推荐目前比较热门新鲜度靠前的50款前端工具,希望在新的一年里,对你有所帮助。

一、构建工具

1、 Parcel

https://parceljs.org/

Parcel是一款极速零配置WEB应用打包工具,快速、几乎零配置是它最大的特点,开箱即用。相比webpack,Parcel对于新手来说未尝不是一个很好的选择。

2、 Critters

https://github.com/GoogleChromeLabs/critters

一款webpack的插件,它可以很方便的配置内联关键css( critical CSS ),其余的css部分则会异步加载,由于它不使用无头浏览器(headless browser)呈现内容,因此快速轻巧。

3、sucrase

https://sucrase.io/ 如果你用typscript构建React项目,sucrase将是一个不错的选着,它的编译速度将是Babel的20倍。sucrase——一款ES6+编译器,重点关注非标准语言,例如Typescript,JSX和Flow。

4、Webpack Config Tool

https://webpack.jakoblind.no/ 一款可视化的在线工具网站,你只需要选择前端项目运用到技术和相关配置,就能一键帮你生成webpack.config.js,省去你不少的麻烦。

5、JSUI

https://github.com/kitze/JSUI JSUI 是一个可视化分类、构建和管理 JavaScript 项目的工具。不管是前端应用还是后端应用,也不论使用的是哪种框架,只要项目有一个 package.json ,即可进行管理。

6、PWA Universal Builder

https://pwa.cafe/ 一款脚手架构建工具,方便创建基于Preact,React,Vue和Svelte的项目,开箱及支持Babel,Bublé,Browserlist,TypeScript,PostCSS,ESLint,Prettier和Service Workers!

7、VuePress

https://vuepress.vuejs.org/

VuePress 由两部分组成:第一部分是一个极简静态网站生成器,它包含由 Vue 驱动的主题系统和插件 API,另一个部分是为书写技术文档而优化的默认主题,它的诞生初衷是为了支持 Vue 及其子项目的文档需求。

每一个由 VuePress 生成的页面都带有预渲染好的 HTML,也因此具有非常好的加载性能和搜索引擎优化(SEO)。同时,一旦页面被加载,Vue 将接管这些静态内容,并将其转换成一个完整的单页应用(SPA),其他的页面则会只在用户浏览到的时候才按需加载。

二、框架和库

8、 PWA Starter Kit

https://pwa-starter-kit.polymer-project.org/ 通过功能丰富的WEB组件快速帮你构建功能齐全的PWA网站项目,几乎零配置,完成了构建、测试和快速部署。

9、PaperCSS

https://www.getpapercss.com/ 一个不太常规的CSS框架,如果你希望你的网站有手绘风格感觉,选择它准没错。

10、boardgame.io

https://boardgame.io/ BOARDGAME.IO是 Google 开源的一个游戏框架,旨在允许游戏作者将游戏规则从本质上转化为一系列简单的函数,这些函数用于描述当一个指定动作发生时游戏的状态变化,框架负责处理表述性状态传递。 无需再手动编写任何网络或后端代码。 功能特性:

  • 状态管理:自动跨浏览器、服务器和存储器无缝管理游戏状态;
  • 快速成型:在渲染游戏之前调试界面以模拟更改。
  • 多人游戏:所有连接到同一游戏的浏览器都实时同步,无需刷新。
  • 私密状态:私密信息可从客户端隐藏。
  • 日志:游戏日志可查看任意时间的信息。
  • UI 工具包:常用于游戏中的 React 组件。

11、Stimulus

https://stimulusjs.org

Stimulus是一个适度的前端框架,它并不试图接管整个前端的方方面面,不关心如何渲染HTML,相反用来增强HTML的相关行为。如果你的团队规模较小,但又想要和那些使用比较费力的主流方案的较大团队竞争,那么这是一个比较适合的前端框架方案。

12、sapper

https://sapper.svelte.technology/ Sapper是一个类似Next.js的框架,具有极高的性能和内存效率,具备代码分割,服务端渲染的现代框架功能,是一款军工级别的框架。

13、Reakit

https://reakit.io/ 使用这个框架能让你快速搭建漂亮的React UI 交互站点。

14、Evergreen

https://evergreen.segment.com/

更为强大的React UI 框架,有一套非常标准的UI设计语言帮你构建企业级的具有国际范设计风格的WEB应用,这个框架类似我们国内的ant.design(https://ant.design/docs/spec/colors-cn)

小节

今天的分享就到这里,剩下的内容,小编将会在下篇文章进行分享,敬请期待,明天就是除夕夜了,小编在这里祝大家新年快乐,阖家欢乐。

更多精彩内容,请微信关注”前端达人”公众号!

原创声明,本文系作者授权云+社区发表,未经许可,不得转载。

如有侵权,请联系 yunjia_community@tencent.com 删除。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 19年你应该关注这50款前端热门工具(中)

    上篇文章《19年你应该尝试的50款前端工具(上)》,小编介绍了构建、框架和库的相关工具,本篇文章小编再给大家推荐HTML、CSS、Javascript等相关的十...

    前端达人
  • 19年你应该关注这50款前端热门工具(上)

    19年,又是新的一年,“前端届”,又出了哪些新的“玩意”?今天小编向你推荐目前比较热门新鲜度靠前的50款前端工具,希望在新的一年里,对你有所帮助。

    前端达人
  • 19年你应该关注这50款前端热门工具(上)

    19年,又是新的一年,“前端届”,又出了哪些新的“玩意”?今天小编向你推荐目前比较热门新鲜度靠前的50款前端工具,希望在新的一年里,对你有所帮助。

    前端达人
  • 【开发实战】30分钟完成一个AI小程序

    前言:作为一个无任何开发背景的产品经理,我通过一周时间摸索出一个最短开发AI小程序的路径。这里把我的小程序源码,还有需要做的每一步工作都进行了记录和分享。相信你...

    陈华山
  • 2020年7月Web云开发训练营结果分享

    大家好,我是陈泽鑫,我很高兴顺利地完成了2020年7月这一期Web云开发训练营的初阶任务和高阶任务,现在来分享一下成果。

    CZX鑫
  • 基于最新版Win10的WinPE,适用PC、云服务器,包含至少25款绿色软件,种子文件分享

    磁力链接 magnet:?xt=urn:btih:7C7B9B218F79BB4F9876B13D38BBF06A29B91023

    我爱你的一诺
  • 远程桌面链接内网服务器(外网和内网)详细介绍

    编程软文
  • 安卓SDK的安装和使用

    下载地址:https://developer.android.com/studio。

    算法发
  • Create Document via Webservice

    choose SSL as communication security as HTTP is centrally switched off in Suite...

    Jerry Wang
  • AppNode面板如何快速Mysql性能优化 Linux 面板 AppNode

    奇梦

扫码关注云+社区

领取腾讯云代金券