【本周项目】9.8-9.14

2018-09-15 admin

本文转自 FEPulse 公众号(微信搜索 FEPulse,精选国内外最新前端资讯,为你把握前端脉搏)。

FEPulse 的【本周项目】模块精选 Github 一周中 Star 增长最快的最新前端项目,帮助前端开发者了解最新项目动向。


1. WatermelonDB

下一代功能强大的 React 和 React Native APP 的数据库,WatermelonDB 特地为复杂的 React 和 React Native APP 做了优化,首要目标就是性能,换句话说就是要快速启动。

当应用简单时,可以使用 Redux 或者 Mobx,但如果扩展到数千或数万个数据库记录,应用程序启动速度会受到很大影响,尤其在速度较慢的 Android 设备上,将完整的数据库加载到 JavaScript 代价巨大。WatermelonDB 的解决方案就是延迟加载,并且因为所有查询都是以单线程的方式直接在 SQLite 数据库上执行,所以即使在较慢的 Android 设备上,大多数查询也会在不到 1 毫秒的时间内解析,即使有 10000 条记录! 图片描述

2. Pigeon Maps

不需要额外依赖的地图组件库,旨在提供以 React 为中心性能优先的可扩展地图引擎,压缩之后只有 8KB。

因为主打小而快,所以功能上并不如 Google Map 这样的专业地图库完善,比较适合简单场景的地图应用。

图片描述

图片描述

3. You Dont Need Momentjs

这篇文档主要列举了可以使用 date-fns 或原生方法替代 Momentjs 的场景。

Momentjs 是一个功能强大的时间库,但正因如此,Momentjs 同时也有 API 复杂、包庞大等缺点。大部分时候我们只需要 Momentjs 的部分功能,而这些功能可以通过 date-fns 或者原生方法实现,同时又能减少包的大小和提升性能。

期待下一个项目 You Dont Need Girl Friend~ 图片描述

4. Ky

Ky 是一个基于浏览器 Fetch API 的小巧而优雅的 HTTP 客户端,让你的网络请求更简单。

我们看一段代码感受一下: 图片描述

(以上 Star 数均以截稿时为准)

更多精彩内容,更好看的排版,可以关注FEPulse微信公众号(ID:FEPulse) 图片描述

[转载]原文链接:https://segmentfault.com/a/1190000016408730

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处。

转载请注明:文章转载自 JavaScript中文网 [https://www.javascriptcn.com]

本文地址:https://www.javascriptcn.com/read-40328.html

文章标题:【本周项目】9.8-9.14

相关文章
angular@^6项目sass改less,修复ng-zorro升级@^1.1.0版本,定义主题中出现的less bug
全新的的angular@^6项目有全新的配置文件angular.json,@<6版本的配置文件为angular-cli.json,其结构已经发生很大的变化,下面是基于angular@^6版本sass改less,并通过less变量自定...
2018-07-09
vue项目升级webpack4指南
所用vue-cli版本为2.9.3, 非最新的3.0+版本, 包管理工具为yarn 初始化项目 vue init webpack my-project cd my-project yarn install 脚手架项目webpack版本为...
2018-04-22
Vue项目编译后部署在非网站根目录的解决方案
背景 同一个生产部署项目,基内外网的访问路径并不相同,内网是基于域名根目录来访问,而外网却指向了一个子目录。 eg. : vue-router: history模式 内网环境:192.168.1.1:8080/index.html 外网环...
2018-04-25
vue仿追书神器,vue小说项目源码
一点阅读器!API源自追书神器,免费使用!目前已初步开发完成! Github项目地址:https://github.com/AntonySufer/vue-readle 欢迎issue,pr,star or follow! 推荐一个之前用V...
2018-08-09
react项目引入echarts中国地图
最近做的react项目需要如下的中国地图 最先想到的当然是echarts,下面是引入的具体步骤 1. 首先要准备两个文件 一个是echarts文件,一个是china地图文件 echarts.js官方有链接,我这边是使用的cdn版本 htt...
2018-07-16
从零开始React + Dva + ant.design开发项目—路由
前言 之前发现了蚂蚁金服的ant.design,感觉这个框架有完整的设计交互规范,组件库丰富,交互友好,代码质量高,稳定性好,然后就一直想要在项目中使用下这个框架,但是之前一直都是用VUE的不怎么会React。今天学习了下怎么去使用Reac...
2018-06-05
Angular 5.0 学习2:Angular 5.0 开发环境的搭建和新建第一个ng5项目
1.安装Node.js 在开始工作之前,我们必须设置好开发环境。 如果你的机器上还没有Node.js®和npm,请先安装它们。 去Node.js的官网,https://nodejs.org/en/,点击下载按钮,下载最新版本,直接下一步下一...
2018-01-16
手机端页面在项目中遇到的一些问题及解决办法(持续更新)
1.解决页面使用overflow: scroll在iOS上滑动卡顿的问题? 首先你可能会给页面的html和body增加了height: 100%, 然后就可能造成IOS上页面滑动的卡顿问题。解决方案是: (1) 看是否能把body和html...
2018-06-05
Angular.js与node.js项目里用cookie校验账户登录详解
前言 最近的新项目中,用户登录需要采用cookie来记住用户,校验身份。所以本文就把实现的过程总结出来分享给大家,需要的朋友们可以参考学习。 在header中携带authId登录 在之前老的项目里,没有采用cookie来记录用户登录状态,而...
2017-03-16
将RxJS融入React项目
前言 最近准备毕设,技术选型的时候因为功能的一些需求准备将RxJs融入到项目中,考虑RxJs的时候因为之前的技术栈还犹豫了一下,查了一些资料以及粗略浏览了一些文档。感觉对于毕设项目RxJs的加入是有帮助的,因此打算系统的学习然后摘抄知识点以...
2018-02-05
回到顶部