草庐IT

react-beautiful-dnd

全部标签

reactjs - React JSON-LD Schema 中的脚本标签

总结我正在将Schema.orgJSON-LD结构化数据实现到内容非常丰富的React应用程序中。我已正确设置所有内容,但我质疑我的设置方式是否是最佳实践或可接受的?问题我在每个元素中的代码主体中都缩小了标签。我质疑这种方法,因为在整个主体中使用脚本标签似乎效率低下,而不是尝试将它们整合到head标签下的1个大脚本标签下,所有JSON-LD。示例:假设我有一个电子商务类别,页面上有很多产品。每个产品都包含在中.在每个产品div中,我提供了一个schema.org标签。{"@context":"http://schema.org/","@type":"Product","name":"3

google-analytics - 如何使 React 应用程序 SEO 友好

如果我想使用Google分析并同时在React中使我的网站SEO友好,最好的方法是什么?目前我使用react-router和fluxpattern来更改路由,然后在componentDidMount中触发一个操作,通过ajax加载我的数据,然后更新发出更改的商店,最后我重新渲染受影响的组件。在ajax加载期间,我发送一个事件,以便我的商店知道ajax正在加载并在我的组件中呈现一个微调器。我注意到,当我将我的跟踪数据发送到Google时,ajax尚未完成加载,我只发送新页面URL而不是标题或我通过ajax加载的任何其他数据(我想这对SEO来说很糟糕这对我的GA数据绝对不利)。这是我的GA

reactjs - React/Relay 服务器端渲染和 SEO 友好的应用程序

构建具有服务器端渲染的React/Relay/GraphQLSEO友好应用程序的最可靠方法是什么? 最佳答案 前段时间我写了isomorphic-relay和isomorphic-relay-router来解决这个问题。我仍然支持和更新它们,因为它们仍然非常真实。我个人在我的项目中使用这些库,其他人也在生产中使用它们。 关于reactjs-React/Relay服务器端渲染和SEO友好的应用程序,我们在StackOverflow上找到一个类似的问题: http

reactjs - SEO 友好的 React-Redux 应用程序

React应用程序动态地动态呈现组件,因此搜索引擎无法索引页面,并使社交共享复杂化。处理此类问题并使React-Redux应用对SEO友好的最佳做法是什么? 最佳答案 我们需要服务器端渲染来为React应用程序做SEO!让我们将应用程序的架构分为三个部分:一个提供数据的API服务器,一个将与客户端共享代码并呈现HTML的Web服务器,最后是客户端,即在浏览器中运行的代码.基本上,服务器端渲染将允许您的部分代码首先在您的网络服务器上运行。这意味着服务器将首先从您的API获取需要在初始页面的HTML上呈现的数据,然后将这些数据打包并以H

reactjs - React prerender.io fetch 因为谷歌不工作

我正在为ExpressJS使用预渲染应用程序。我保留了在index.html页。当我使用mywebsite.com/?_escape_fragment_=时它工作正常,但是当我将fetchasgoogle用于mywebsite.com/时我没有看到任何数据。但是对于?_escape_fragment_=的丑陋格式它就像魅力一样工作。Googlebot会抓取mywebsite.com作为mywebsite.com/?_escape_fragment_=什么时候它被编入索引或者我需要为此做些什么? 最佳答案 FetchasGoogle有

amazon-s3 - React Router + AWS 后端,如何做 SEO

我在单页Web应用程序中使用React和ReactRouter。因为我在做客户端渲染,所以我想用CDN来提供我所有的静态文件(HTML、CSS、JS)。我使用AmazonS3来托管文件,并使用AmazonCloudFront作为CDN。当用户请求/css/styles.css时,该文件存在,因此S3提供它。当用户请求/foo/bar时,这是一个动态URL,因此S3添加了一个hashbang:/#!/foo/bar。这将服务于index.html。在我的客户端,我删除了hashbang,所以我的URL很漂亮。这对我100%的用户来说都很好。所有静态文件都通过CDN提供动态URL将被路由到

javascript - 搜索引擎索引如何为 JavaScript Web 应用程序(如 REACT)工作?

我计划为我的应用程序实现react.js。由于我是新手,所以我怀疑谷歌将如何索引react组件?让应用程序在谷歌搜索中正确显​​示所需的最佳实践是什么。任何人有任何想法请帮助我。 最佳答案 所以我可以有把握地说,我已经获得了一个带有API调用的ReactSPA,可以在googlebot中完美呈现(获取和呈现)。所以这不是一项不可能完成的任务,但我要说的是,没有太多文档可以帮助您完成整个过程。由于听起来您有一个新的应用程序,我将概述您可能采用的两种途径。服务器端预渲染(SSR)从服务器端预渲染(SSR)开始并坚持下去。在React中有

WebGIS开发常用的JS库:VUE/React/Angular对比

Angular:作用:Angular是一个完整的基于TypeScript的Web应用开发框架,主要用于构建单页Web应用(SPA)。它适用于大型和复杂的项目,具有强大的组件集合和丰富的文档。架构:Angular采用组件化的方式,每个组件都有一个类或模板,定义了应用逻辑和元数据。它使用HTML编写模板,并支持依赖注入的服务。以下场景适合使用Angular:用于开发渐进式Web应用程序(PWA)。用于重新设计网站应用程序。用于建立基于内容的动态网页设计。用于创建有着复杂基础架构的大型企业应用程序。示例:创建应用使用官方的angular-cli脚手架可以快速创建。依次执行下边命令即可创建一个名为ng

React Native MapView Expo在Android上不起作用

我对Android上的地图有一个问题,该地图在ReactNative上使用Expo,但在iOS上,一切都不错!!!有人可以帮忙吗看答案从“反应”中导入反应;导入{appRegistry,文本,视图,样式表,图像,警报,按钮,touchableHighlight,asyncstorage,asyncstorage,}来自'react-native';importRouterfrom'../main';importExpofrom'expo';importFontAwesome,{Icons}from'react-native-fontawesome';import{createRouter,Na

初识React及React开发依赖介绍

文章目录初识ReactReact介绍React特点React的依赖介绍React的开发依赖Babel和React的关系React的依赖引入初识ReactReact介绍React是什么呢?相信每个做开发的人对它都或多或少有一些印象;这里我们来看一下官方对它的解释:用于构建用户界面的JavaScript库;目前对于前端开发来说,几乎很少直接使用原生的JavaScript来开发应用程序,而是选择一个JavaScript库(框架)。在过去的很长时间内,jQuery是被使用最多的JavaScript库;在过去的一份调查中显示,全球前10,000个访问最高的网站中,有65%使用了jQuery,是当时最受欢