react native ui框架 vue3为什么不建议使用vuex

老铁们，大家好，相信还有很多朋友对于react和vue3为什么不建议使用vuex的相关问题不太懂，没关系，今天就由我来为大家分享分享react以及vue3为什么不建议使用vuex的问题，文章篇幅可能偏长，希望可以帮助到大家，下面一起来看看吧！

react-native IOS端的底层是OC还是swift

ReactNative结合了Web应用和Native应用的优势，可以使用JavaScript来开发iOS和Android原生应用。在JavaScript中用React抽象操作系统原生的UI组件，代替DOM元素来渲染等。

iOS目前两个程序语言开发，分为objectC，与swift，OC为主流开发，swift4.0推出它的约束性与协议更加完善，RN的开发以webjs为主，网络请求与框架结构都是rn中写，业务代码也是js书写，有熟练的控件结构如移动端的ADmobilereactnativeelement等，已经很成熟，当然你也可以原生写比如调取摄像头二维码地图，引导页，启动页等，然后通过bridge实现原生OC与RN交互，当然也也可以使用swift写原生iOS代码，这个交互我不懂了，我的两个项目都是OC与RN结合，也很少代码使用原生都是js写。

为什么说现在React Native凉了

凉的不是reactnative是前端的工程理念，前端热衷于换框架，原因在于小厂跟着大厂走，而大厂推动前端框架更迭的是不写代码的主管因为这是他们的KPI。

微软最新发布的Fluent UI是干啥的

在这篇博文中微软详细介绍了开发者框架的演进，收集和采纳了来自设计师、开发者、可访问性、国际专家以及编写人员的意见。微软表示已经确定了FluentDesign需要改进的诸多方面，在2020年他们的目标就是缩小设计和代码之间的差距，而第一步就是从设计token系统开始。

全新的跨平台库

FluentUI是UX框架的集合，方便创建可共享代码、设计和交互行为的Web和移动应用程序。

使用来自微软的FluentUIReact（web）、FluentUIApple（iOS和macOS）以及FluentUIAndroidGitHub库的组件，可以确保Microsoft365应用和服务保持强大的生产力基础上，同时在跨平台上感觉更直观、更连贯。

通过添加新的FluentUIReactNativelibrary，微软创建了多个跨平台组件，能够让JavaScript开发者更容易跨设备向客户快速交付体验。

各种设备原生体验，依然统一的Fluent

微软表示，他们相信他们的Fluent设计元素，如自定义导航栏，使应用程序在原生iOS和Android平台上仍能感受到独特的Fluent和跨平台的一致性。

提供更连贯、更具生产力的体验

在所有的微软365应用中使用相同的设计语言，还可以让用户轻松地从一个应用切换到另一个应用，并对如何浏览它和完成事情有一个相当好的想法。平台也是如此。微软指出，人们经常会在一台设备上开始一项任务，然后从另一台设备上完成，因此创建跨平台的连贯体验可以减少客户的认知过载。

微软主题架构的现代化

目前，微软多款产品都使用了脱节的主题涉及方法。

微软正在寻求对其主题架构进行现代化改造，以创建一个可扩展的、面向未来的设计系统。在通用的主题架构、分类法和跨微软框架下，未来能够更轻松、更快速的将主题部署在所有平台上。

为了做到这一点，微软正在从固定值转向更多的不可知晓的变量，也就是designtokens（设计令牌）。设计令牌定义了UI界面的视觉属性，并使用通用的语法将设计与代码连接起来。设计和开发工具都可以访问的集中式风格库将作为更新的地方，无需修改编码的组件。

为了暴露出令牌的力量并减轻其复杂性，微软正在探索如何在现有的设计工具内部满足设计人员的需求。由于微软的大多数设计人员都在使用Figma，因此，微软寻找了一些方法来扩展该工具的功能，以支持他们的设计令牌，而且几乎没有任何障碍。

初步成果是Figma插件，它将取代原生属性面板。设计师将不再通过属性面板分配颜色或笔画宽度来创建设计，而是将为其图层分配令牌。如果有必要，他们可以将这些令牌重新映射为不同的值，让任何变化在整个设计中传播。微软还在建立开发管道，将这些设计令牌转化为平台特定的值。

这些努力共同帮助将设计值直接分配到代码库中，为产品设计人员和开发人员提供了一个完全集成的从设计到代码的工作流程。

对于终端用户来说，能够轻松选择加入他们创建的应用程序的主题库。然后他们可以对这些库进行定制，以更好地反映产品的品牌或服务，并在整个生态系统中感受到更多的一致性。

微软将在5月19日-20日的微软Build2020在线大会上谈论更多关于FluentUI以及他们对Fluent设计系统的未来期望，该大会对所有人免费开放。

weex cordova flutter react-native uniapp哪个有学习必要

求稳rn，求发展flutter。其他的不建议淌水。

原因：

rn优点：

对前端开发者友好，基于JS就能开发

完善的热更新机制

开源插件极为丰富

坑多，但是解决方案也多

rn缺点：

应用运行时JS桥接器性能不如原生

不能所见即所得，JS桥接器去调用平台中的原生组件，会导致UI显示不一样

针对各个平台特殊的地方要单独写另外的代码进行处理

插件虽然丰富，但质量也参差不齐

flutter优点：

不再需要虚拟机运行，直接编译为机器码，运行速度快

界面绘制使用独立的渲染引擎，不用原生组件，性能好

flutter缺点：

dart语言的语法结构使得没有经验的开发者经常会无穷嵌套，上手不是特别快速

热更新机制还不完善

IDE对flutter的调试支持还不完善，有时发生的莫名其妙的bug或问题不太好找到对应的位置或问题

插件较少，有些东西可能需要自己做插件封装

但现阶段来说，rn是比较成熟的，虽然坑不少。flutter现阶段还是刚刚起步，用到生产上需谨慎。

React作为时下最热的前端框架，各位有什么经验分享下吗

作为Web开发者，这是好的时代，也是坏的时代。Web开发技术也在不断变化。虽然很令人兴奋，但是这也意味着Web开发人员需要要积极主动的学习新技术和新的编程语言，并愿意和渴望接受新的挑战，以适应变化。

React是Facebook的Javascript库为构建用户界面而开发，主要用于构建UI，并于2013年5月开源。很多人认为React是MVC中的V（视图）。它的设计思想极其独特，属于革命性创新，性能出众，代码逻辑却非常简单，是现在非常热门的框架，因此越来越多的开发者开始关注和使用它，其次React是一个JavaScript库所以在学习之前对JavaScript要有一定了解！

第一：React框架下载

React官网：

（https://reactjs.org/）

React-native：用于移动端开发的框架

（http://facebook.github.io/react-native/）

第二部分：React入门教程

先推荐阿里云大学的React前端开发入门与实战，这个是以视频的形式系统的学习React前端框架的。由于是知名公司出品，所以对知名公司技术岗入职有一定参考价值，含金量也相对要高~

特点:基本概念

（https://edu.aliyun.com/course/29/lesson/list?spm=5176.8764728.aliyun-edu-course-tab.2.RQiB9k&previewAs=guest）

第二部分：阮一峰React入门实例教程

这份教程最大的好处就是一个实例教程，并且在GitHub里面提供了源代码。可以直接从demo里面学习代码并看到代码的效果。

特点：实例、源代码

（http://www.ruanyifeng.com/blog/2015/03/react.html）

第三部分：React组件库

RSUITE是一套基于React开发的UI组件库，产生于HYPERS前端团队，同时也是面向企业级后台产品的一套前端解决方案。RSUITE目标就是让WEB开发更快捷，同时具有一定的灵活性和扩展性，致力于改善前端工程师的开发体验。

（https://rsuitejs.com/）

如果这篇文章对您有帮助，欢迎关注我以示支持~~

什么是Native，Web App，Hybrid，React Native和Weex

Native、WebApp、Hybrid、ReactNative（后面以RN简称）、Weex间的异同点，后期同步小程序和PWA

App常用开发模式【简介】

此处App为应用，application，并非我们通常讲的手机App常用的几种APP开发模式-脑图

NativeApp

传统的原生App开发模式，有iOS和aOS两大系统，需要各自语言开发各自App。

优点：性能和体验都是最好的缺点：开发和发布成本高举个栗子：网易管家App（Tab1，Tab2）应用技术：Swift，OC，Java

WebApp

移动端的网站，常被称为H5应用，说白了就是特定运行在移动端浏览器上的网站应用。一般泛指SPA(SinglePageApplication)模式开发出的网站，与MPA（Multi-pageApplication）对应。

优点：开发和发布成本最低缺点：性能和体验不能讲是最差的，但也受到浏览器处理能力的限制，多次下载同样会占用用户一定的流量举个栗子：网易管家APP（Tab3）应用技术：ReactJS，RegularJS，VueJS等等

HybridApp

混合模式移动应用，介于WebApp、NativeApp这两者之间的App开发技术，兼具“NativeApp良好交互体验的优势”和“WebApp跨平台开发的优势”（百度百科解释）

主要的原理是，由Native通过JSBridge等方法提供统一的API，然后用Html+Css实现界面，JS来写逻辑，调用API，最终的页面在Webview中显示，这种模式下，Android、iOS的API一般有一致性，HybridApp所以有跨平台效果。

优点：开发和发布都比较方便，效率介于NativeApp、WebApp之间缺点：学习范围较广，需要原生配合举个栗子：FanReact，我爱我家App，东方航空App，富国基金-富国钱包App应用技术：PhoneGap，AppCan，Wex5，APICloud等

ReactNativeApp

Facebook发现HybridApp存在很多缺陷和不足，于是发起开源的一套新的App开发方案RN。使用JSX语言写原生界面，js通过JSBridge调用原生API渲染UI交互通信。

优点：效率体验接近NativeApp，发布和开发成本低于NativeApp缺点：学习有一定成本，且文档较少，免不了踩坑举个栗子：Facebook、Youtube、Discord、QQ、百度等等

WeexApp

阿里巴巴开发团队在RN的成功案例上，重新设计出的一套开发模式，站在了巨人肩膀上并有淘宝团队项目做养料，广受关注，2016年4月正式开源，并在v2.0版本官方支持Vue.js，与RN分庭抗礼。

优点：单页开发模式效率极高，热更新发包体积小，并且跨平台性更强缺点：刚刚起步，文档欠缺；社区没有RN活跃，功能尚不健全，暂不适合完全使用Weex开发App举个栗子：淘宝、天猫、阿里云、优酷、闲鱼、饿了么等

继续剖析

NativeApp

NativeApp是一种基于智能手机本地操作系统如iOS、Android、WP并使用原生程式编写运行的第三方应用程序,也叫本地app。一般使用的开发语言为Java、C++、Objective-C。

自iOS和Android这两个的手机操作系统发布以来，在互联网界从此就多了一个新的名词：App意为运行在智能的移动终端设备第三方应用程序)。

NativeApp因为位于平台层上方，向下访问和兼容的能力会比较好一些，可以支持在线或离线，消息推送或本地资源访问，摄像拨号功能的调取。但是由于设备碎片化，App的开发成本要高很多，维持多个版本的更新升级比较麻烦，用户的安装门槛也比较高。但是比较乐观的是，AppStore培养了一种比较好的用户付费模式，所以在Apple的生态圈里，开发者的盈利模式是一种明朗状态，其他market也在往这条路上靠拢。

优势

1、相比于其它模式，提供最佳的用户体验，最优质的用户界面，最华丽的交互2、针对不同平台提供不同体验3、可节省带宽成本，打开速度更快4、功能最为强大,特别是在与系统交互中,几乎所有功能都能实现

劣势

1、门槛高，原生开发人才稀缺，至少比前端和后端少，开发环境昂贵2、无法跨平台，开发的成本比较大，各个系统独立开发3、发布成本高，需要通过store或market的审核，导致更新缓慢4、维持多个版本、多个系统的成本比较高，而且必须做兼容5、应用市场逐渐饱和，怎么样抢占用户时间需要投入大量时间和金钱，这也导致“僵尸”App的增多

WebApp

说到WebApp不少人会联想到WAP，或者有人认为，WAP就是WebApp，其实不然。

WebApp与WAP最直接的区别就是功能层面。WAP更侧重使用网页技术在移动端做展示，包括文字、媒体文件等。而WebApp更侧重“功能”，是使用网页技术实现的App。总的来说，WebApp就是运行于网络和标准浏览器上，基于网页技术开发实现特定功能的应用。

响应式的大部分技术都是为实现WebApp能适配多类客户端而设计的。

Web网站一般分两种，MPA(Multi-pageApplication)和SPA(Single-pageApplication)。而WebApp一般泛指SPA形式开发出的网站。这样更像是一个App。

优势

1、可以跨平台，调试方便2、无需安装，不会占用手机内存，而且更新速度最快3、不存在多版本问题，维护成本低4、临时入口，可以随意嵌入

劣势

1、依赖于网络，第一次访问页面速度慢，耗费流量2、受限于手机和浏览器性能，用户体验相较于其他模式最差3、功能受限，大量移动端功能无法实现4、入口强依赖于第三方浏览器，且只能以URL地址的形式存在，导致用户留存率低（优点即缺点）

HybirdApp

混合开发，也就是半原生半Web的开发模式，由原生提供统一的API给JS调用，实际的主要逻辑有Html和JS来完成，最终是放在webview中显示的，所以只需要写一套代码即可达到跨平台效果，另外也可以直接在浏览器中调试，很方便。最重要的是只需要一个前端人员稍微学习下JSapi的调用即可。

HybirdApp的较早实践者是PhoneGap，随后遍地开花，如Titanium、Salama、WeX5、Kerkee和国内的AppCan，项目各有各的实现方式，大致的原理基本相同。有幸在AppCan上海总部参与过一段时间的学习研究，如下大致简介：

AppCan是基于HTML5技术的Hybird跨平台移动应用开发工具。开发者利用Html5+Css3+JavaScript技术，通过AppCanIDE集成开发系统、云端打包器等，快速开发出Android、iOS、WP平台上的移动应用。

AppCan的平台构成

关于react到此分享完毕，希望能帮助到您。