我注意到最近有很多文章将 Flutter 宣传为“下一件大事”（next big thing）。一些人甚至详细解释了 Flutter 为什么会替代 React Native 成为开发人员首选的跨平台技术。
React-Native已经存在了约2年，而且因为它能被Android使用让我们构建跨平台的移动app而成为真正有趣的框架。一些开发者还为构建适用于Mac和Windows的桌面应用程序量身打造了一些框架，这简直太酷了。
我曾经2022年初，给自己定了一个目标，要把微言码道官网重新改版。这次趁着节前休假有时间，花了几天的时间对网站进行了彻底的重写与改版，实现了这个目标。
大家吼，我是你们的朋友煎饼狗子——喜欢在社区发掘有趣的作品和作者。【每日精选时刻】是我为大家精心打造的栏目，在这里，你可以看到煎饼为你携回的来自社区各领域的新鲜出彩作品。点此一键订阅【每日精选时刻】专栏，吃瓜新鲜作品不迷路！
我经常听到有人在群里，或者在社区里说的一个很严重的错误，那就是说 React 的 Virtual Dom 是以快出名的，比原生 DOM 快多了，啥啥啥的，每次都一两句话说不清楚，所以下次有谁再说 React 是以快出名的，你就把这篇文章丢给他，下面进入正题。
在这篇指南中，我总结了七种最重要的方法，你可以从今天开始编写更干净的React代码，让构建React项目和检查代码变得更容易。
和h5用a标签来跳转不太一样的是，rn必须依赖导航器跳转。导航器也可以看成是一个普通的React组件，你可以通过导航器来定义你的APP中的导航结构。导航还可以渲染通用元素，例如可以配置的标题栏和选项卡栏。
自定义 React Hook 是一个必要的工具，它可以让你为 React 应用程序添加特殊的、独特的功能。
这是一个由 simviso 团队对 JSConf.Asia 中关于 前端框架设计取舍 相关话题进行翻译的文档，内容并非直译，其中有一些是笔者自身的思考。而分享者正是 Vue.js 的作者 @尤雨溪。
原文：https://overreacted.io/react-as-a-ui-runtime/
你可能认为你在写JSX: <marquee bgcolor="#ffa7c4">hi</marquee> 但是实际上是你在调用一个函数: React.createElement( /* type
原作：Nico Jimenez 安妮 编译自 Nico’s Blog 量子位 出品 | 公众号 QbitAI 本文作者Nico Jimenez。自2015年从斯坦福辍学后，他创造了图像处理API Mathpix，每月为全球数百万用户处理近2000万张图像。此外，他还创造了Mathpix内部机器学习监测和分析方案Losswise。目前，Losswise公开可用。 这篇文章译自Nico的博客，原文标题为《Tensorflow sucks》。在这篇文章中，作者详细论述了“为什么我觉得TensorFlow很逊”这个
概括地说，文档对象模型（DOM）包含两部分；一是 HTML 文档基于对象的表示，二是操作该对象的一系列接口。影子 DOM 可以被认为是 DOM 的缩减版。它也是 HTML 元素基于对象的表示（推荐这篇神奇的Shadow DOM，能更好的理解影子 DOM），影子 DOM 能把 DOM 分离成更小封装位，并且能够跨 HTML 文档使用。
通常在页面开发中，我们是通过路由去管理不同的页面，常用的路由库也有很多，譬如：React-Router (https://react-guide.github.io/react-router-cn/)，Dva-router (https://dvajs.com/api/#dva-router)... 当我们切换路由时，没有被匹配到的 Component 也会被整体替换掉，原有的状态也丢失了。因此，当用户从详情页退回到列表页时，会重新加载列表页面组件，重新走一遍生命周期，获取的就是第一页的数据，从而回到了列表顶部，下面是常用的路由匹配代码段。
2020 年 10 月 17 日，我正式发布了 Fantastic-admin 这款基于 Vue 的中后台管理系统框架。在这两年多的时间里，我陆续写了几篇我在开发这套框架中的一些心得和技术总结：
在我刚接触编程的时候，JavaScript 只是被用来给网站添加一些交互效果。你还记得如何添加鼠标拖拽效果吗？或者如何在鼠标悬停时改变链接颜色？
作者 | David Rodenas 译者 | 冬雨 策划 | 闫园园 框架之战是 JavaScript 社区中的热门话题，也是业界众多圣战之一。一开始，jQuery 崭露头角，接下来 AngularJS 初露锋芒，再到现代框架混战，战争一直很激烈。然而现在框架之战已经结束，是谁赢得了最终的胜利，它又是凭什么取胜，且看本文分解。 竞争者 框架之战是 JavaScript 社区中的热门话题，也是业界众多圣战之一。一开始，jQuery 崭露头角，接下来 AngularJS 初露锋芒，再到现代框
首先，先说明下该文章是译文，原文出自《AST for JavaScript developers》。很少花时间特地翻译一篇文章，咬文嚼字是件很累的事情，实在是这篇写的太棒了，所以忍不住想和大家一起分享。
前言 今天这篇文章的标题，显然是要搞事情。一个JS交互效果，居然花费了一天的宝贵时间才研究出来，我是不是不太适合做前端？ 别急，搬好小板凳，正文从这开始～ 本来今天下班回来感觉有点累，想着今天就别学了吧，正好看见停播了好久的《极限挑战》在网上放出了最新的一期。但是，今天发生在公司的一件小事儿，在我心里产生了不小的波澜，正好拿这个话题跟同行们聊聊..... 今天早晨我按时去了公司，坐在我的工位上，习惯性地点开了编辑器SublimeText（我宠幸了它三年之久～），一天的编码工作正式开始。 我的大脑高速运转
就拿跑步来说，许多人都是三分钟热度，根本坚持不下来。许多程序员在电脑面前一坐就是一整天，很少去锻炼、跑步。
Flutter 是一款跨平台的移动应用 SDK，可通过同一套代码构建高性能，高保真的 iOS 和 Android 应用。
在任何复杂应用中，测试是一个至关重要的方面。测试不仅仅是为了提高覆盖率，其主要目的是尽可能地模拟实际使用场景。
无论ReactJs还是其它什么，我们在看的时候都要看它们的思路、方面，而不要一开始时就扎进它的代码细节中。。。 最近在看一些reactJs的资料，有一些收获，写成文章跟大家分享一下，其中很自然的也会有我自己的一些主观看法，请大家批判的阅读。 React这个东西是facebook搞出来的，如果是国内搞出来的是否还能还能这么火么？这个问题是我在知乎上看到的。这个问题的出发点很有意思，不去探究react本身如何，而是去撕它背后的干爹，呵呵 我为什么提这个问题呢，因为这个问题的立场是我个人主观上最反感的。 我的立场
如果你对React Router还不熟悉，你可能习惯使用普通的链接（a标签）在你的应用程序中进行导航。然而，当你想在导航时保留应用程序的当前状态时，就会出现问题。不幸的是，普通的链接通常会触发页面刷新来显示组件，从而破坏用户体验。这就是React Router的用武之地。
Jamon Holmgren 是一家软件开发公司的创始人兼 CTO，拥有超过 25 年的编程经验，同时也是 React Native 的核心成员，维护着几个开源库。在这篇文章里，他试着尽可能公平地从多方面去讨论 Flutter 和 React Native 的优劣势。本文仅代表他个人观点，希望能为读者带来收获。
公司是东南亚(SEA)领先的运输平台，我们的使命是利用公司最新的技术和人才，推动SEA前进。截至2017年5月，我们每天处理230万次乘车，我们正在快速增长和招聘。
前面两篇文章从客户端的两个角度来说了说变化，今天我们从前端的角度来看一看这些变化，对于我们的工作会有什么样的改变，记得在2013年下半年时在携程做Hybrid App，当时对于前端的选择很有限，最好的解决方案也只是require.js + zepto.js + backbone.js，而今天，特别是VirtualDOM的出现让Hybrid最终的呈现将不止于Web，有了UIView这种Native的Render Engine，或者类似小程序这样，严格分离的Web Render Engine，这些火花的碰撞，正是因为前端技术方案的变化而引起的。
React Router 事实上是React官方的标准路由库。当你在一个多视图的React应用中来回切换，你需要一个路由来管理那些URL。React Router 专注于此，同步保持你应用的UI和URL。
从我上大学开始正式认识前端这个岗位到现在已经整整过了六年，这六年于我而言就像是观赏了一场盛大的游园活动。无数各式各样的框架、模式、开发思路如同花车一般从眼前掠过又走远。留下了一地残乱的余烬和破碎的思考。
用过 React 的朋友都知道，React 项目文件夹的划分是有很多种的，在 React 官方关于文件结构这个部分给出了一些社区比较常见的构建方式的示例。例如有通过features或者routes进行分组的，也有通过模块类型（type) 划分的。在文档提到了一种针对components 进行细化组织的方法 —— Atomic Design。如果还没了解过这个设计方法的朋友，不妨来看一看。
CentOS Web Panel 或通常称为 CWP 是一种流行的网络托管管理软件，被超过 200,000 台独特的服务器使用，可以在 Shodan 或 Census 上找到。我们用来以 root 身份利用完整的 preauth 远程命令执行的漏洞链使用文件包含 (CVE-2021-45467) 和文件写入 (CVE-2021-45466) 漏洞。在这篇文章中，我们希望涵盖我们的漏洞研究之旅，以及我们如何接近这个特定目标。
React文档建议选择支持服务器端渲染(SSR)的流行React框架之一，但是您是否真的需要SSR呢？
在本文中，我将展示如何使用 Node.js、Puppeteer、headless Chrome 和 Docker 从样式复杂的 React 页面生成 PDF 文档。
出于几个原因(包括好奇心)，几周前我开始使用Xfce作为我的Linux桌面。原因之一是后台守护进程占用了我非常强大的主工作站上所有的CPU和I/O带宽。当然，有些不稳定可能是因为我删除了一些提供后台守护进程的RPM包。然而，即使在我移除RPM之前，事实是KDE是不稳定的，并且会导致性能和稳定性问题。我需要使用不同的桌面来避免这些问题。
所以，今天我们来通过一些例子来探讨如何在前端项目中如何做到在性能和架构方面做一个合理的配置和权衡处理。在讨论问题的同时，也会附带一些针对性的解决方案。让你在遇到一个类似问题时，不至于“抓耳挠腮”。
Webpack 5 Module Federation: A game-changer in JavaScript architecture
市场的大小必须要经过调研，不是自己在办公室灵光一现就有了。 收个人观点局限，我认为车联网的后装市场并不明朗，陈述原因如下： 1.车联网后装并非汽车必需品。 他不像我们的用的牙膏肥皂，没有了就必须去买，车联网装备，对一辆汽车而言，并非一定要安装的。好比汽车导航的下场，如果真是为了导航，手机APP就可以满足对导航的一切需求了，而且更新简单、快捷，所以相比于导航，相信现在的人们更喜欢有个中控大屏，至于导航，只要能显示手机内容就可以了。 📷 车联网装备类似，我车有的话，我就会用，如果没有，相信大多数人也是可以接受的
Module Federation [ˌfedəˈreɪʃn] 使 JavaScript 应用得以在客户端或服务器上动态运行另一个 bundle 或者 build 的代码。
选自nicodjimenez 机器之心编译 参与：李泽南、刘晓坤 作为当今最流行的深度学习框架，TensorFlow 已经出现了两年之久。尽管其背后有着谷歌这样的科技巨头支持，但它的很多缺点已经开始显现。本文作者，创业公司 Mathpix 的首席执行官 Nicolas D. Jimenez 试图向我们全面分析 TensorFlow 的缺点。 每隔几月，我都会向谷歌的搜索框里键入「TensorFlow sucks」或「f**k TensorFlow」，期待能在互联网上找到和我志同道合的人。不幸的是，尽管 Te
本文最初发表于 The New Stack 网站，由 InfoQ 中文站翻译分享。
这要从很久的事情开始说起，前端最初的发展就像一团浑浊的云团，什么都往一块写，然后东拼西凑，最后竟然能运行。其实每个人前端人都会对页面的混杂感到头疼，谁不想好好优化一下呢？但是奈何那会没有成型的工具，更没有现在高质量的组件库，从此解放了我们的代码编写，真正做到了开箱即用，它不香吗？
在所有可用于创建web应用程序的语言中，JavaScript可能是最健壮的库和框架选择。事实上，有太多的东西，很难弄清楚该用哪一个，尤其是当你刚刚开始的时候。
我们都知道vue上手比较容易是因为他的三标签写法以及对指令的封装，他更像一个做好的包子你直接吃。
前几个星期，点开了RN的技能树，废话不多说，那我就意简言赅地记录一下自己遇到的坑，避免后人再犯自己的错误。 先说明一下我的运行环境： 1.我当时这个年代用的RN版本是0.55 2.使用的脚手架是create-react-native-app
PoemKit是一套免费的网站开发工具包，帮助开发者从零建立一个支持服务端渲染(SSR)的React技术网站，它支持pm2自动部署到服务器。PoemKit提供了50多个内置UI组件，用于构建现代Web应用程序。
一个前端程序员的一个月原生 Android 开发体验。自从我写了 Android 应用后，上知乎的时间变得更长了。 自从我写了 Android 应用后，上知乎的时间变得更长了。哦，不对，你理解错了，我的意思是：编译代码、打包 APK、运行在设备上需要时间。可不像前端，一保存代码，就自动刷新页面。 是的，从上上周一开始，因为项目缺人的原因，作为一个有 Java 开发经验的大前端，我又又双叕进入了原生 Android 开发的世界。 这一个月下来，也算是有一些写 XML 的心得吧——不对，写 Java 代码，看
导读：在软件开发的大潮中，重写项目常常被视为一项既常见又充满挑战的任务。本文作者结合自身多年的实战经验，深入剖析了前端与后端重写之间的异同，并特别分享了从 React 向 Svelte 迁移的历程，其中遇到的种种难题与收获均一一呈现。通过对比 Svelte 与 React 在性能、开发速度及开发者满意度等方面的表现，作者认为 Svelte 具有成为新项目首选框架的潜力，并分享了自己对 Svelte 的独特见解与热切期待。此外，文章还着重强调了项目重写的必要性及其所面临的挑战，同时列举了一些成功的重写案例与失败的教训。若你对软件重写、前端框架的选择以及 Svelte 的优势抱有浓厚兴趣，那么本文定能为你带来深刻的见解与启发。
领取专属 10元无门槛券
手把手带您无忧上云
