1.配置步骤:1。导入reactapproved插件reactapproved的作用是，通过react scaffolding创建一个Reactnative项目，并添加百度地图的插件的方法:1、reactnativeitivenitversion 0 . 55 . 4 baidum创建一个名为BaiduMapDemo的项目，如下图所示:2，cdBaiduMapDemo//3以下输入BaiduMapDemo，yarnaddreactnative Baidu Map或NPM Installreactnative Baidu Map Save Addreactnative Baidu Map插件(安装开源项目库)4、配置index.jsAPP为默认项目名，在这里创建项目时，项目名称为BaiduMapDemo，5。添加:包含“:reactNativeBaidu”项目(:reactNativeBaidu)，ProjectDirnew。
因为公司现在主要的技术栈是React，所以我也想搭建一个很好的React前端框架，方便在工作中使用；该框架还在打包过程中进行了优化，如多线程、解包、缓存等，以提高打包速度和质量。使用的主要库有:用TypeScript模板创建reactapp。推荐纱线。接下来我以yarn为例，在项目根目录下创建一个craco.config.js来修改默认配置。
众所周知，React更纯粹，vue做的封装更多，所以大部分难点都集中在react的组件引用Vue组件的过程中。请参考请参考reacthooks的命名规范，所以所有使用开头的方法都改为apply开头。旧的开始使用方法仍然有效，可以使用react components中的vue组件。如果要使用vue的sync装饰，使用sync使用react components中vue的组件，将命名槽和作用域槽传递给vue组件，绑定自定义事件。并且vmodel应用程序react本身不支持vmodel，所以不需要通过react component中模型的值和setter动态引用vue组件。与react不同，vue具有组件全局注册的功能。因此不需要单独引入每种成分。vue的全局组件的id作为参数传入applyvueInReact，或者id作为组件属性的值传入VueContainer。示例:使用react中的Vue elem全球版本。
reactgridlayout是一个网格布局系统，响应迅速，支持断点。断点布局可以由用户提供，也可以自动生成。RGL只支持React，不支持jQuery。使用npm安装ReactGridLayout:样式表:下面的例子将生成一个包含三项的网格，其中:1。用户将不能拖动项目a2.b或调整其大小，项目a2 . b的最小宽度将限制为2个网格块，最大宽度将限制为4个网格块3。用户将能够自由拖动和调整项目的大小。您可以选择直接在子项上设置布局属性:并采用width来计算拖动事件的位置。
4、从Vue2.0到React17——React开发入门找工作的时候发现有些公司把React作为他们的技术栈，工资待遇不错。为了增加自己的生存筹码，还是要学React，加一个生存技能。因为我用Vue2.0开发项目已经四年了，所以用Vue2.0开发项目的思路来学习React。前端项目由页面组成。对于Vue来说，一个页面由多个组件组成，页面本身也是一个路由组件。
Vue将提供一系列技术支持来完成一个组件的开发。从这一系列的技术支持中，我们可以在React中找到相应的技术支持来入门React，比如如何在React中开发组件的UI，如何在React中使用组件，如何在React中定义组件数据等等。本专栏将按照这个思路带领你从Vue2.0到React17。首先，我们要选择一个搭建React项目的脚手架。React里有很多支架。我们为什么选择UmiJS脚手架？为什么不呢？这个支架类似于VueCli，至少路由配置类似于VueRouter。
5、React基础/5、React基础
7、 react-router采用browserHistory, eclipse服务器端应该怎样配置
react router基于历史。简而言之，一个历史知道如何监听浏览器地址栏的变化，并把这个URL解析成一个位置对象，然后路由器用它来匹配路由，最后正确的渲染出相应的组件。常用的历史有三种形式，但是您也可以使用ReactRouter来实现自定义历史。
8、React之config-overrides文件配置对于reactScaffolding[createreactapp]创建的项目，如果需要在项目中配置一些webpack配置，需要在根目录下新建一个名为configoverrides.js的文件。1.配置步骤:1，导入reactapproved插件reactapproved的作用是，覆盖create reactapp的配置；2.安装customizecra3修改package.json中的启动配置；2.应用步骤1；配置文件路径的别名；2.在开发过程中，我们经常会用到组件库AntDesignMobile，同时经常需要引入组件的css样式。如果每次单独介绍比较麻烦，我们可以在configoverrides文件下全局做。
