React技术在Meta Connect 2024大会

  每周跟踪AI热点新闻动向和震撼发展 想要探索生成式人工智能的前沿进展吗?订阅我们的简报,深入解析最新的技术突破、实际应用案例和未来的趋势。与全球数同行一同,从行业内部的深度分析和实用指南中受益。不要错过这个机会,成为AI领域的领跑者。点击订阅,与未来同行! 订阅:https://rengongzhineng.io/

在Meta,React和React Native不仅仅是开发工具,而是推动产品开发和创新的核心技术。每个月有超过五千名员工使用这些技术来构建产品和体验,这些技术已经深深融入Meta的工程文化,并使公司能够快速开发和发布高质量的产品。在Meta Connect 2024上,不少项目展示了这些技术的威力,以下就是一些产品团队的开发故事。

Instagram和Facebook在Meta Quest上的重生

在Meta Connect大会上,马克·扎克伯格宣布Instagram和Facebook已经为混合现实(MR)平台Meta Quest重建,旨在将旗舰社交体验带到这款头戴设备上,让用户可以与好友保持联系并观看Stories和Reels,同时展现MR带来的新可能性。要为Meta Quest从零开始构建这些社交应用,团队必须充分利用平台的功能,并确保高质量标准。团队面临的第一个问题是:是重用现有的安卓应用、编写新的安卓原生应用,还是用React Native重新开发?为了提供符合Meta Quest独特特性的用户体验,我们选择了React Native,因为它能够快速迭代开发,提供强大的动画能力,良好的性能,并且是支持大部分Meta Quest 2D系统应用的共享平台。

对于Instagram的新应用,React Native让团队能够打造出丰富的动画效果和独特的交互体验。例如,视频帖子可以从动态消息无缝过渡到全屏视图,并可在不丢帧的情况下与评论并排显示;还支持通过手柄摇杆滑动浏览照片堆叠,或用手势操作。此外,互动元素还引入了随手柄动作平滑跟随的悬停动画。

在开发Facebook for Meta Quest时,团队利用了Facebook.com桌面版成熟的代码和基础设施,通过共享代码技术重用一些复杂的功能,如动态消息和评论。这些技术包括Meta的开源项目,如StyleX和React Strict DOM。这种代码共享大大减少了重复业务逻辑的时间,使团队能够专注于Meta Quest的特定交互和体验开发。

全新的Meta Horizon移动应用

今年,Meta还推出了焕然一新的Meta Horizon移动应用,让用户在头显内外都能更轻松地社交和表达自己。新增了一个专属标签,用于个性化定制虚拟形象,用户还可以通过手机访问Horizon Worlds并完成任务,解锁独家虚拟形象样式、物品和表情。

在性能方面,Meta的团队通常以Facebook Marketplace作为React Native的性能基准。然而,Meta Horizon作为一个独立应用,其冷启动时React Native即会初始化,而Facebook应用则是在首次访问React Native界面时才进行初始化。尽管如此,Meta Horizon团队的性能优化成果超出了预期,达到了Meta移动社交应用的水平。

Meta Horizon商店的更新

Meta Horizon商店现已开放,所有开发者都可以发布应用,包括2D应用。为了支持这一变化,团队对商店进行了重大改进,如增加更多分类、更好的应用排名和分类,以及新增“抢先体验”版块。由于商店需要在Android、iOS、Horizon OS和Web四个平台保持功能一致,React和React Native的使用使得团队可以更快地推出新功能和实验,并节省了人力。

Meta Spatial Editor的开发

Meta推出了Meta Spatial SDK和Meta Spatial Editor,帮助移动开发者使用熟悉的Android编程语言、库和工具为Meta Horizon OS创建沉浸式体验。Meta Spatial Editor是一款全新的桌面应用,支持用户导入、组织和变换资源,并通过glTF标准将其导出到Meta Spatial SDK中。团队选择了React Native for Desktop来开发该应用,因为它不仅能为用户提供原生的Windows和macOS体验,还能在需要时利用原生集成,提升开发效率。

Meta对React的持续投入

自十多年前推出React开源项目以来,Meta团队持续推动该技术的发展。React团队与Meta内部和开源社区的合作,使React在多个平台上都能提供优秀的用户界面和开发体验。从Web、移动到桌面再到混合现实,每次新增平台的支持,团队都会深入了解平台的独特性,并对React进行优化和调整。这种方式不仅让Meta自家产品受益,也让全球使用React的开发者能够获得改进后的技术。Meta将继续与开源社区分享这些技术创新,为全球开发者提供更好的开发工具和框架。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/444174.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

架构与思维:漫谈高并发业务的CAS及ABA

1 高并发场景下的难题 1.1 典型支付场景 这是最经典的场景。支付过程,要先查询买家的账户余额,然后计算商品价格,最后对买家进行进行扣款,像这类的分布式操作,如果是并发量低的情况下完全没有问题的,但如果…

其他:python语言绘制案例

文章目录 介绍导入python包图1图2 介绍 python语言的科研绘图合集,数据来源Hydrogen-diffusion-and-water-rock-reaction 导入python包 import pandas as pd import glob import proplot as pplt import seaborn as sns import numpy as np import matplotlib.py…

基于 Prometheus+Grafana+Alertmanager 搭建 K8S 云监控告警平台(附配置告警至QQ、钉钉)

文章目录 一、机器规划二、部署安装 node-exporter、prometheus、Grafana、kube-state-metrics1、创建 monitor-sa 命名空间2、安装node-exporter组件2.1、说明2.2、应用资源清单2.3、通过node-exporter采集数据 3、k8s 集群中部署 prometheus3.1、创建一个 sa 账号3.2、将 sa …

element-ui的树形结构样式调整,添加线条和边框样式

element-ui的树形结构样式调整&#xff0c;添加线条和边框样式 先看图效果&#xff1a; <template><div class"temperature_monitoring"><div class"temperature_monitoring_left"><div class"tree-container"><e…

鸿蒙NEXT开发-动画(基于最新api12稳定版)

注意&#xff1a;博主有个鸿蒙专栏&#xff0c;里面从上到下有关于鸿蒙next的教学文档&#xff0c;大家感兴趣可以学习下 如果大家觉得博主文章写的好的话&#xff0c;可以点下关注&#xff0c;博主会一直更新鸿蒙next相关知识 专栏地址: https://blog.csdn.net/qq_56760790/…

PostgreSQL数据库定期清理归档(pg_wal)日志

一、配置归档模式 在postgresql.conf文件中设置archive_mode on来启用归档功能。 二、设置归档命令 同样在postgresql.conf中&#xff0c;设置archive_command参数&#xff0c;指定一个shell命令来处理归档日志&#xff0c;例如&#xff1a; archive_command cp %p /home/…

若依项目搭建(黑马经验)

欢迎你搜索和了解到若依&#xff0c;这个项目是从黑马课程的一个实践&#xff0c;更多的项目经历和平台搭建期待着我们的共同学习&#xff01; 关于若依 若依是一套全部开源的快速开发平台&#xff0c;毫无保留给个人及企业免费使用。 前端采用Vue、Element UI。后端采用Sprin…

无人机之巡航控制篇

一、巡航控制的基本原理 无人机巡航控制的基本原理是通过传感器检测无人机的飞行状态和环境信息&#xff0c;并将其反馈给控制器。控制器根据反馈信息和任务需求&#xff0c;计算出无人机的控制指令&#xff0c;并将其发送给执行机构。执行机构根据控制器的控制指令&#xff0c…

linux线程 | 线程的概念

前言:本篇讲述linux里面线程的相关概念。 线程在我们的教材中的定义通常是这样的——线程是进程的一个执行分支。 线程的执行粒度&#xff0c; 要比进程要细。 我们在读完这句话后其实并不能很好的理解什么是线程。 所以&#xff0c; 本节内容博主将会带友友们理解什么是线程&a…

从加载到对话:使用 Llama-cpp-python 本地运行量化 LLM 大模型(GGUF)

&#xff08;无需显卡&#xff09;使用 Llama-cpp-python 在本地加载具有 70 亿参数的 LLM 大语言模型&#xff0c;通过这篇文章你将学会用代码创建属于自己的 GPT。 建议阅读完 19a 的「前言」和「模型下载」部分后再进行本文的阅读。 代码文件下载 - Llama-cpp-python 文章目…

字节跳动青训营开始报名了!

关于青训营&#xff1a; 青训营是字节跳动技术团队发起的技术系列培训 &人才选拔项目;面向高校在校生&#xff0c;旨在培养优秀且具有职业竞争力的开发工程师。 本次技术训练营由掘金联合豆包MarsCode 团队主办课程包含前端、后端和 A 方向&#xff0c;在这个飞速发…

彩族相机内存卡恢复多种攻略:告别数据丢失

在数字时代&#xff0c;相机内存卡作为我们存储珍贵照片和视频的重要媒介&#xff0c;其数据安全性显得尤为重要。然而&#xff0c;意外删除、错误格式化、存储卡损坏等情况时有发生&#xff0c;导致数据丢失&#xff0c;给用户带来不小的困扰。本文将详细介绍彩族相机内存卡数…

服装生产管理的数字化转型:SpringBoot框架

4 系统设计 4.1 系统结构设计 在结构设计过程中&#xff0c;首先对系统进行需求分析&#xff0c;然后进行系统初步设计&#xff0c;将系统功能模块细化&#xff0c;具体分析每一个功能模块具体应该首先哪些功能&#xff0c;最后将各个模块进行整合&#xff0c;实现系统结构的…

R语言的Meta分析【全流程、不确定性分析】方法与Meta机器学习技术应用

Meta分析是针对某一科研问题&#xff0c;根据明确的搜索策略、选择筛选文献标准、采用严格的评价方法&#xff0c;对来源不同的研究成果进行收集、合并及定量统计分析的方法&#xff0c;最早出现于“循证医学”&#xff0c;现已广泛应用于农林生态&#xff0c;资源环境等方面。…

RelationGraph实现工单进度图——js技能提升

直接上图&#xff1a; 从上图中可以看到整个工单的进度是从【开始】指向【PCB判责】【完善客诉】【PCBA列表】&#xff0c;同时【完善客诉】又可以同时指向【PCB判责】【PCBA列表】&#xff0c;后续各自指向自己的进度。 直接上代码&#xff1a; 1.安装 1.1 Npm 方式 npm …

PostgreSQL学习笔记七:常规SQL操作

PostgreSQL 支持标准的 SQL 语句&#xff0c;同时也扩展了一些特有的功能。以下是一些常规的 SQL 语句示例&#xff0c;这些示例涵盖了数据定义、数据操作和数据查询的基本操作&#xff1a; 数据定义语言 (DDL 创建数据库&#xff1a; CREATE DATABASE mydatabase;创建表&#…

安卓使用.9图实现阴影效果box-shadow: 0 2px 6px 1px rgba(0,0,0,0.08);

1.安卓实现阴影效果有很多种&#xff0c;一般UX设计会给以H5参数box-shadow: 0 2px 6px 1px rgba(0,0,0,0.08);这种方式提供背景阴影效果&#xff0c;这里记录一下实现过程 2.界面xml源码 <?xml version"1.0" encoding"utf-8"?> <layout xmlns…

鸿蒙架构-系统架构师(七十八)

1信息加密是保证系统机密性的常用手段。使用哈希校验是保证数据完整性的常用方法。可用性保证合法用户对资源的正常访问&#xff0c;不会被不正当的拒绝。&#xff08;&#xff09;就是破坏系统的可用性。 A 跨站脚本攻击XSS B 拒绝服务攻击DoS C 跨站请求伪造攻击CSRF D 缓…

MQTT vs HTTP:谁更适合物联网?

前言 随着物联网&#xff08;IoT&#xff09;技术的飞速发展中&#xff0c;其应用规模和使用场景正在持续扩大&#xff0c;但它关键的流程仍然是围绕数据传输来进行的&#xff0c;因此设备通信协议选择至关重要。 作为两种主要的通信协议&#xff0c;MQTT 协议和 HTTP 协议各…

网络资源模板--Android Studio 实现简易计算器App

目录 一、项目演示 二、项目测试环境 三、项目详情 四、完整的项目源码 一、项目演示 网络资源模板--基于Android studio 实现的简易计算器 二、项目测试环境 三、项目详情 动态绑定按钮&#xff1a; 使用循环遍历 buttons 数组&#xff0c;根据动态生成的按钮 ID (btn_0, …