关于“该用 Preact 还是 React”的争论由来已久。Preact 是 MIT 许可下的开源软件,在 GitHub 上有超过 26k 的 star,在 NPM 上每周有 1/4 百万的下载量。而源于 Facebook 的内部项目 React 在 2013 年开源后已经成为主流前端框架之一。
我之前确实对包版本管理这块的知识比较缺失,所以导致我在项目的某次需求当中掉进了很多深坑。这篇文章,希望可以帮助你避开这些包版本管理不善带来的问题。
项目体积是困扰小程序开发者的一大问题,如果开发者使用 Taro React 进行开发,更是不得不引入接近 100K 的 React 相关依赖,这让项目体积变得更加捉襟见肘。因此,Taro v3.4 的主要方向,是探索对于 Preact 的支持。
还是和平时一样,做完需求,测试通过,愉快地上线。运营侧在大推,推了好几天。突然有一天,都来反馈说页面自己弹出dialog而且关不掉:
考虑到移动端性能,腾讯企鹅辅导移动端项目使用了更为轻量的 preact(7KB) 及其对应配套 preact-router 等, 考虑到 preact 对 react 的兼容不全、生态远不如 react 等问题,且 react 16 相当吸引人的特性包括:
Cloud Studio 是基于浏览器的集成式开发环境(IDE),为开发者提供了一个永不间断的云端工作站。用户在使用 Cloud Studio 时无需安装,随时随地打开浏览器就能在线编程。
Preact是一个JavaScript库,它把自己描述为具有相同API的React的3kB快速替代方案。与类似的框架相比,它是具有最快的虚拟DOM库之一。你可以直接在你的React/ReactDOM代码中编写Preact,而无需更改工作流程或代码库。
本文译自:https://css-tricks.com/comparing-the-new-generation-of-build-tools/
Wails 是一个可让您使用 Go 和 Web 技术编写桌面应用的项目。将它看作为 Go 的快并且轻量的 Electron 替代品。您可以使用 Go 的灵活性和强大功能,结合丰富的现代前端,轻松的构建应用程序。它支持如下功能:
Vite是随着Vue3一起发布的一款新型前端构建工具,能够显著的提升前端开发体验,它主要由两部分组成:
在过去的一年里,出现了一批新的开发工具,它们正在紧跟过去几年主导前端开发的工具,包括 webpack、 Babel、 Rollup、 Parcel、 create-react-app。
当你调研一个 JS 库,功能当然是最重要的,就好比 React 的用于开发 UI 界面非常方便,这是流行起来的一部分因素。
作者简介 钟钦成,网名司徒正美,著名的JavaScript专家,去哪儿网前端架构师。在GITHUB拥有复数个著名的轮子,著有《javascript框架设计》一书。本文来自司徒正美在“携程技术沙龙——新一代前端技术实践”上的分享。 *视频由“IT大咖说”提供,时长约45分钟,请在WiFi环境下观看* 去哪儿网在React Native深耕多年,对React内部实现的了解在国内应该是非常领先的。迫于项目对React体积的极致需求,我们推出了自己的迷你化方案——Qreact。 Qreact比市面上的其他迷你re
本文作者:IMWeb nixzheng 原文出处:IMWeb社区 未经同意,禁止转载 生命在于折腾,Coder的折腾就在于造各种轮子。React在前端圈大火之后,轮子层出不穷。而其中的一些轮
生命在于折腾,Coder的折腾就在于造各种轮子。React在前端圈大火之后,轮子层出不穷。而其中的一些轮子,由于专注于解决很多人诟病的React过大、过慢的问题(然而不并不觉得),也相当出名。关注最多的莫过于Preact、Inferno等以「轻量化」为特色的库了,Github Star数也超过10000。另外由于React广泛应用于同构应用上,并且 rendertoString,renderToStaticMarkup 也存在同步执行、速度慢等问题,一些专注于React服务器端渲染的库也颇受关注。如Preact产出的preact-render-to-string还有我现在的团队在用的fast-react-render,都是这个思路。
戳蓝字“IMWeb前端社区”关注我们哦! 1写在前面 生命在于折腾,Coder的折腾就在于造各种轮子。 React在前端圈大火之后,轮子层出不穷。而其中的一些轮子,由于专注于解决很多人诟病的React过大、过慢的问题(然而不并不觉得),也相当出名。关注最多的莫过于Preact、Inferno等以「轻量化」为特色的库了,Github Star数也超过10000。另外由于React广泛应用于同构应用上,并且 rendertoString,renderToStaticMarkup 也存在同步执行、速度慢等问题,一
本周精读的文章是 Comparing the New Generation of Build Tools。
这个限制在开发中也确实会时常影响到我们的开发体验,比如函数组件中出现 if 语句提前 return 了,后面又出现 Hook 调用的话,React 官方推的 eslint 规则也会给出警告。
在推出六个月后,谷歌扩展了其基于 AI 和云的实验性共享工作空间项目 IDX,引入了 集成的 iOS 模拟器和 Android 模拟器、新的项目模板,与 Nix 包管理器更好的集成,等等。
携程前端框架团队,为携程集团各业务线在PC、H5、小程序等各阶段提供优秀的Web解决方案。当前主要专注方向包括:新一代研发模式探索,Rust构建工具链路升级、Serverless应用框架开发、在线文档系统开发、低代码平台搭建、适老化与无障碍探索等。
Omi 从 3.0 开始基于 preact 二次开发,完全可以共享 preact 和 react 的生态,也有了自己独特的风格和优势。
时下大热的vue框架又来了新开发环境构建工具——Vite,今天我们一起来了解一下这个新成员。
每周资讯 IMWeb前端社区 想要成为一名优秀的前端,需要及时掌握互联网技术的时事热点,这周又有哪些值得关注的最新动态呢,让我来为大家一一揭晓! 1 新华社:“王者荣耀”还是“王者农药”?健康游戏不止于防沉迷 新华社发文称,爆款游戏王者荣耀再次引燃了手游的争议,甚至由于一些极端案例,被批评为“王者农药”“亡者毒药”。实际上,不止是这一款游戏,近年来整个手游市场都十分火爆,几乎成为一种新的全民娱乐方式。手游如何影响未成年人?防沉迷系统能否起作用?健康游戏能否实现?对此,业内专家建议,监管部门应在我国探索游
preact作为备胎,但是具有体积小,diff算法优化过的特点,简单活动页用上它是不错的选择。但是考虑到react令人兴奋的新特性,preact并没有按时更新去完全支持它,更严重的是一些babel插件、一些库配合preact会有问题。所以,还是不得不迁移了。
第三方JS插件在日常开发中经常会使用到。对于一些不涉及到展示的功能插件,仅需要引入一个js文件即可,但对于一些界面级插件,如轮播图、富文本编辑器等,往往还需要单独引入css文件使之展示正常。但由于CSS存在覆盖问题,即使遵循某些规范(如BEM),仍然不可忽视。
总结了 React “泡沫” 的问题以及超越现状的一些思考,本篇作者给出了一些替代选择。
我是winty,专注分享前端知识和各类前端资源,乐于分享各种有趣的事,关注我,一起做个有趣的人~
Treebo是一家印度家喻户晓的经济型连锁酒店,在旅游业中占据了价值200亿美元的市场。他们最近开发了一个新的渐进式应用(PWA)作为默认的移动端体验,最开始使用React,但最后在生产环境转向了Preact。
Signals 是用来处理状态的一种方式,它参考自 SolidJS,吸收了其大部分的优点。无论应用多么复杂,它都能保证快速响应。
马斯克 40 颗卫星被磁暴摧毁;英伟达收购 Arm 失败,软银孙正义表示没想到遭遇如此强烈反对;Facebook 母公司 Meta 市值跌跌不休;B 站发长文回应员工因加班猝死;蚂蚁集团何昌化离职,又一技术大牛出走;怼腾讯的应届生回应被标注永不录用;荣耀公司诉某测评博主侵害名誉权获赔 6 万元;GitHub 推出仅供赞助者使用的存储库;时隔三年,Elastic 8 正式发布;为降低迁移风险,Etsy 从 React 转向了 Preact;欧盟回应 Meta 退出威胁:没有 Facebook 生活一样很美好;程序员跳槽 B 站遭老东家索赔 200 万,法院判定无需赔偿......
QueryBuilder 是一个常用的过滤器的 UI 组件,本文从前后端和数据库查询的角度总结了一些使用经验,包括一些踩坑的心得。
本文使用starter-kit:steamer-react react分支。此分支已集成react与preact。 背景 最近接手了互动视频的项目,做了一个月的运营活动。跟基础功能不同,运营活动更为轻
前阵子Apache基金会不许名下的开源项目使用React,把React关于专利的附件的licence又拉到焦点之中,不过,Facebook对此事的反应是:暂时不会改Licence。
Vite(法语为 fast,发音为/vit/)是一种构建工具,旨在为现代Web项目提供更快,更精简的开发体验。它包含两个主要部分:
概述: 对于 JavaScript 社区来说,npm 的主要功能之一就是帮助开发者发掘所需的 npm Registry 中的库和框架。npm 强大的搜索功能能够帮助找到一组相关的软件包,同时其内置的的文档和使用统计信息,可以帮助开发者决定使用哪一种软件包。 选择过程中,一个重要的评估因素就是社区对软件包项目的持续支持:是否正在积极的维护?是否有足够大的社区来维持项目? 评估的过程中,软件包的普及程度是一个重要的考量因素。不论是通过博客文章还是教程的方式,一个具有大型社区的软件包意味着有更多的开发者可以帮助你
React 的代码库现在已经比较庞大了,加上 v16 的 Fiber 重构,初学者很容易陷入细节的汪洋大海,搞懂了会让人觉得自己很牛逼,搞不懂很容易让人失去信心, 怀疑自己是否应该继续搞前端。那么尝试在本文这里找回一点自信吧(高手绕路).
博客中往往加一些在线代码编辑器进行代码DEMO的展示,往往有很好的效果。 下面就推荐几款支持分享的在线代码编辑器。
preact hook 作为一个单独的包preact/hook引入的,它的总代码包含注释区区 300 行。
作者 | David Rodenas 译者 | 冬雨 策划 | 闫园园 框架之战是 JavaScript 社区中的热门话题,也是业界众多圣战之一。一开始,jQuery 崭露头角,接下来 AngularJS 初露锋芒,再到现代框架混战,战争一直很激烈。然而现在框架之战已经结束,是谁赢得了最终的胜利,它又是凭什么取胜,且看本文分解。 竞争者 框架之战是 JavaScript 社区中的热门话题,也是业界众多圣战之一。一开始,jQuery 崭露头角,接下来 AngularJS 初露锋芒,再到现代框
TypeScript 2.8允许咱们在每个文件的基础上指定JSX工厂名。在早期版本,只能通过--jsxFactory编译器选项指定JSX工厂名。此设置适用于整个项目中的每个JSX文件。现在,咱们还可以通过在文件的开头添加一个特殊的@jsx注释来覆盖项目范围的--jsxFactory设置。
《前端技术观察》是由字节跳动IES前端团队收集、整理、推荐的业界高品质前端资源合集,主要分为以下几个板块: Highlights 优秀的工具、库 好的教程、深度解读已有技术的文章 业界最新的技术、热点文章 业界对(新)技术的深度地、优秀地实践 Tutorial Tools And Codes 《前端技术观察》的目的是让大家: 更及时的了解到业界最新的技术 受益于高质量的教程、文章 了解业界更优秀的代码、工具 更多地、氛围更浓厚地讨论、研究、落地技术 highlights 2019 年 CSS 发展现状(英)
本文非深入了解,从中你能对Vite有个初步的认识,以此来对比与Webpack的差异,看完后你能了解到以下内容:
首先,请确保已经安装了代码编辑器和浏览器,如果没有安装推荐安装VSCode和Chrome浏览器。
默认的构建目标浏览器是能 在 script 标签上支持原生 ESM 和 原生 ESM 动态导入。传统浏览器可以通过官方插件 @vitejs/plugin-legacy 支持 —— 查看 构建生产版本 章节获取更多细节。
React 的 hooks 是在 fiber 之后出现的特性,所以很多人误以为 hooks 是必须依赖 fiber 才能实现的,其实并不是,它们俩没啥必然联系。
领取专属 10元无门槛券
手把手带您无忧上云