WebStorm下的Angular 2.0开发实战 Webstorm 的 TypeScript 支持还是挺不错的,配合Angular 2.0开发体验也蛮顺的。你用新版 Webstorm 打开项目,右下角一看,有更新就点,别犹豫。为啥?因为Angular 2.0项目基本都用TypeScript,而 Webstorm 更新之后对高版本支持更好,语法提示、
NativeScript-FFmpeg安卓平台FFmpeg集成封装 安卓平台的 FFmpeg 功能集成,用nativescript-ffmpeg就挺顺。它是个FFmpeg的NativeScript封装,支持直接在安卓项目里跑各种媒体命令,像视频压缩、转码这种常见操作都能轻松搞定。 用法上也简单,直接在项目根目录里敲一行: tns plugin add natives
前端框架比较详解Angular、React与Vue 前端框架的对比总结里,Angular、React、Vue三大主流框架的特性和差异讲得还挺透彻。配合了不少实战链接,像是 Vue3 + TypeScript + Webpack 的项目实战、React + Webpack 的演示案例,覆盖了常见的开发组合。如果你刚好在选框架,或者正好在做项目技术选型,
Guess-the-Artwork Next.js主题组件项目 暗/亮模式切换的全局主题管理、用起来顺手的 UI 组件库集成、自动补全也跟得上,这些你都能在 guess-the-artwork 这个项目里体验到。它基于 Next.js 和 TypeScript,UI 构建用的是 Chakra UI,开发效率蛮高的。 主题切换用的是 chakra-ui 的 Col
Vue Notification组件基于Vue 3的Toast通知实现 vue3 的通知组件用过不少,@dafcoe/vue-notification 算是比较顺手的一个。API 简单,样式清爽,自定义能力也挺强。Toast 弹出挺丝滑的,用在项目里不突兀。 VueNotificationList是它的核心组件,你可以全局注册,也可以按需在某个组件内使用,挺灵活的。比如
React Hook Form表单验证库(支持Web和React Native) 高效表单的首选工具,用起来是真的香。 React 的表单一直是件挺费劲的事,尤其一多起来,逻辑一堆,状态管理又烦。react-hook-form就比较省事,不用装一堆依赖,性能也还不错。 表单的状态、验证、错误提示,全靠一个 useForm 搞定,代码也简洁。最常用的场景,比如登录、注册、评论提交啥
franxx JavaScript轻量级路由器 普通项目的轻量路由器选手 franxx,用起来还蛮顺手的。支持三种模式:createBrowserRouter 用 HTML5 的 history API,适合绝大多数 Web 应用;createHashRouter 走 location.hash,像 Electron 这类限制环境也能稳稳跑;还有
intro-typescript TypeScript示例项目含课程片段 带课程的 TypeScript 示例项目,挺适合初学者上手的。项目结构清晰,有注释也有例子,内容从基本的类型注解讲到接口、类和模块,一步步来,节奏刚好。你用过 JavaScript 的话,直接改后缀就能开始写 TypeScript,真的没那么难。 TypeScript 的类型注释对理解变量和函数的意
TypeScript-FSA类型安全的动作创建器实用程序 类型安全的动作创建器,typescript-fsa是我用下来比较顺手的。省了不少样板代码,还挺适合和Redux一起用。创建出来的 action 都是符合 FSA 规范的,payload、type 都清清楚楚,TS 提示也到位。 actionCreatorFactory这个函数是主角。你只要传个命名空
virtua-github-repo-list GitHub仓库展示组件 展示 GitHub 仓库的 Web 组件,配合主题过滤,体验还挺顺滑的。virtua-github-repo-list就是这么个小巧的工具,封装得干净,适合用来做演示或是快速集成到项目里。 用了Web 组件加LitElement,写法挺现代的。结构清晰,逻辑不绕,挺适合熟悉一下现代组件化开发的感觉。