• React 16.x 路线图公布,包括服务器渲染的 Suspense ...

    我们将在 React 16.9 版本前后编写 React Cache 的文档(以及如何编写自己的 Suspense 兼容),如果你很好奇,可以在英文原文的链接中找到它的早期源代码。即使在 React 16.6 中,低级(low-level)Suspense 机制...
    文章 2019-08-06 403浏览量
  • 好程序员web前端培训分享React学习笔记(一)

    npm链接TodoList组件化开发React todolist,项目开发中的组件的基本目录结构基本上是这样的:注意:一个组件只干一件事情,所以TodoList和TodoItem要做成两个组件,这样也方便于后期理解shouldComponentUpdate
    文章 2020-04-26 778浏览量
  • 21个React开发神器

    React starter projects 是一个依赖列表,可以在上面快速你需要要的依赖的名称并可以跳转对应的 github 上。一旦看到一个你喜欢的入门项目,你就可以简单地克隆这个,并根据你的需要进行修改。但是,并不是...
    文章 2019-08-14 1563浏览量
  • 从源码的角度再看 React JS 中的 setState

    为了实现上述的更新逻辑,React 设计了 Transaction 的逻辑,看起来也像是数据库中的事务。源码中如图所示,给出了一幅图以及大段的解释。React 将整个的函数执行过程包裹上了 Transaction,在函数执行前与执行后...
    文章 2018-04-20 1030浏览量
  • Next.js让你的React应用SEO更友好

    如果你曾想过如何继续使用 React 开发 Web 应用,同时又没有糟糕的 SEO 和首屏加载延迟的缺点,那你应该了解一下 Next.js。Next.js 的目标是为开发者提供一个与开发简单 React 应用相近的开发体验,同时又能获得同构...
    文章 2019-08-06 1610浏览量
  • 阿里云前端周刊-第 13 期

    推荐 1.京东618:ReactNative框架在京东无线...本文即以简单的回归拟合为例,从最基础的安装、数据导入、数据预处理到模型训练、模型预测 介绍了如何使用 JavaScript 进行简单的机器学习任务。其它 1.URL编码的奥秘 ...
    文章 2017-06-30 4574浏览量
  • 你要的 React 面试知识点,都在这了

    我们讲了很多关于不可变性的内容,如果数据是不可变的,我们如何改变数据。如上所述,我们总是生成原始数据的转换副本,而不是直接更改原始数据。再介绍一些 javascript内置函数,当然还有很多其他的函数,这里有...
    文章 2019-05-31 1587浏览量
  • [译]2017 年了,这么多前端框架,你会怎样选择?

    如果你有一个经验丰富的 JavaScript 开发人员团队,他们对于功能编程和不可变数据结构都很满意,那么 React 是一个不错的选择 React 社区在使用 Web 技术方面处于创新的前沿。如果你的组织需要使用相同的代码来跨...
    文章 2017-10-16 1918浏览量
  • Slack使用React重写Web客户端

    简单地说,React是一个JavaScript代码,可以用它方便地开发声明式的、基于数据驱动的用户界面。它的API很简单,主要由一个组件类组成,这个类包含了一些生命周期方法。组件本身不会生成HTML,相反,它们会生成类似...
    文章 2017-07-04 1266浏览量
  • ahooks 正式发布:值得拥抱的 React Hooks 工具

    ahooks 定位于一套基于 React Hooks 的工具,核心围绕 React Hooks 的逻辑封装能力,降低代码复杂度和避免团队的重复建设为背景,共同建设和维护阿里经济体层面的 React Hooks ,使之成为和 antd/fusion 组件...
    文章 2020-07-17 8477浏览量
  • [译]React 在服务端渲染的实现

    接下来让我们来看看如何将服务器端渲染添加到一个基本的客户端渲染的使用 Babel 和 Webpack 的 React 应用程序中。我们的应用程序将会因从第三方 API 获取数据而变得有点复杂。我们在 GitHub 上提供了相关代码,您...
    文章 2017-10-16 1287浏览量
  • Angular vs React 最全面深入对比

    严格说来,Angular和React的比较是不公平的,因为Angular是一个功能丰富的框架,而React是一个UI的组件,所以我们在接下来的分析中会将一些经常和React在一起使用的类库放在一起讨论。OK,开始… 成熟度 作为一名...
    文章 2017-05-02 1759浏览量
  • Redux实现组合计数器

    redux的设计思想是很简单的,也有了很成熟的函数供我们调用,所以面对一个问题时,我们考虑的重点是:React组件内哪些数据需要被Redux管理?把重点问题考虑清楚,问题也就解决了大半!为便于管理,相关资源整合到一张独立...
    文章 2018-07-04 1049浏览量
  • 使用 React.js 的渐进式 Web 应用程序:第 4 部分-渐...

    但问题是:我们如何使服务器作为 props 传递的数据也可在客户端上使用,然后把它作为 props 传播?一个常见的模式是将所有需要的 props 放到我们主 HTML 文件的一个 script 标签中,这样我们的客户端 JS 就...
    文章 2017-10-18 1392浏览量
  • 使用 ReactJS 作为 Backbone 的 view 实现

    关于不同的组件之间如何通信,React 文档已经解释得很好了,但是没有很明显地说明子组件如何跟Backbone 父视图交互。不过,有个简单容易的方式通信:我们可以通过组件的属性绑定一个事件处理器。这里有个例子程序,...
    文章 2017-06-06 1130浏览量
  • [译]2019 React Redux 完全指南

    在本篇 Redux 教程中,我会渐进地解释如何将 Redux 与 React 搭配使用 —— 从简单的 React 开始 —— 以及一个非常简单的 React+Redux 案例。我会解释为什么每个功能都很有用(以及什么情况下做取舍)。接着我们会...
    文章 2019-08-29 636浏览量
  • 如何React 完成图片上传功能?

    举个例子,如果一个用户正在编辑他的资料,上传了一张图片,你可以将 Cloudinary 返回的新的图片 URL 保存到你的数据库中。我们目前写的代码,支持用户拖拽一张图片,组件将图片发送到 Cloudinary,然后收到一个给...
    文章 2017-10-19 3578浏览量
  • 一篇文章快速入门React框架

    要查看环境如何自动编译和更新您的React代码,请找到文件/src/App.js:将其中的 lt;a className="App-link href="https://reactjs.org" target="_blank rel="noopener noreferrer gt;Learn React lt;a>修改为 lt;...
    文章 2020-06-04 676浏览量
  • React Native在特赞的应用与实践

    React Native中不同的点在于:我们希望数据能够被持久化,以免每次应用重启之后,所有数据又要重新加载。AsyncStorage能够很方便地跟Redux集成到一起,下文会介绍AsyncStorage的具体应用。3.4 组件选型 组件也是...
    文章 2017-09-07 2933浏览量
  • 关于 React:你不可不知的 19 件事儿

    React 团队分享了许多并发模式的示例,建议参考下方链接。https://reactjs.org/docs/concurrent-mode-patterns.html CSS-in-JS-at-FB Frank Yan 宣布 Facebook 正在构建自己的 CSS-in-JS ,我很感兴趣。刚开始我...
    文章 2020-01-02 327浏览量
  • Netflix 网站性能优化案例学习

    该页面最初包含 300kB 的 JavaScript,其中一些是 React 和其他客户端代码(如 Lodash 等工具),还有一些是保存 React 状态所需的上下文数据。所有 Netflix 的网页都由 React 实现服务端渲染,生成 HTML,然后...
    文章 2019-08-06 419浏览量
  • React 工程中利用 Mota 编写面向对象的业务模型

    React 是一个「视图层」的 UI 框架,以常见的 MVC 来讲 React 仅是 View,而我们在编写应用时,通常还需要关注更加重要的 model,对于 React 来讲,我们常常需要一个「状态管理」。然而,目前大多数针对 React 的...
    文章 2018-02-11 1551浏览量
  • ReactJs和React Native的那些事

    当事件触发,React 根据映射来决定如何分发。State 工作原理:常用的通知 React 数据变化的方法是调用 setState(data,callback)。这个方法会合并(merge)data 到 this.state,并重新渲染组件。渲染完成后,调用可选...
    文章 2016-08-25 2324浏览量
  • The Road to learn React书籍学习笔记(第四章)

    高级React组件 本章将重点介绍高级 React 组件的实现。我们将了解什么是高阶组件以及如何实现它们。此外,我们还将深入探讨 React 中更高级的主题,...参考链接:https://leanpub.com/the-road-to-learn-react-chinese
    文章 2018-10-17 860浏览量
  • [译]高性能 React:3 个新工具加速你的应用

    为了演示 why-did-you-update,我在 TodoMVC 中安装了这个并放在 Code Sandbox 网站上,这是一个在线的 React 练习场。打开浏览器控制台,并添加一些 TODO 来查看输出。这里查看 demo。注意这个应用中很少的组件...
    文章 2017-10-16 1199浏览量
  • 如何阅读大型前端开源项目的源码

    这是因为 React 的设计让我们可以把负责映射数据到 UI 的 Reconciler 以及负责渲染 Vritual DOM 到各个终端的 Renderer 和 React Core 分开。React Core 包含了 React 的类定义和一些顶级 API。大部分的渲染和 View ...
    文章 2018-06-15 1619浏览量
  • [译]Angular vs React:谁更适合前端开发

    在本文中,我会介绍 Angular 与 React 如何用不同的哲学理念解决相同的前端问题,以及选择哪种框架基本上是看个人喜好。为了方便进行比较,我准备编写同一个 app 两次,一次使用 Angular 一次使用 React。Angular 之...
    文章 2017-10-16 2453浏览量
  • 重构后的Firefox网络监视工具,里边加了什么黑科技?

    Firefox Developer Tools需要复杂的UI属性,所以开发人员会使用受欢迎的React和Redux组合来为所有的工具建立一个简洁而一致的代码,网络监视器也不例外。目前开发人员已经实现了一组React组件,它们负责渲染UI,起...
    文章 2017-09-14 1269浏览量
  • Redux 并不慢,只是你使用姿势不对 —— 一份优化指南

    一般来讲,要在 Redux store 更新的时候同步更新 React 组件,需要用到 React 和 Redux 的官方绑定中的 connect 高阶组件。connect 是一个将你的组件进行包裹的函数,它返回一个高阶组件,该高阶组件会监听 ...
    文章 2017-10-16 1785浏览量
  • [译]2019 前端工具调研

    看看上述这些趋势和特性在另一年中如何发展,真是件很有趣的事情呢。本年度有什么新鲜事 在尽力保持调研的简洁性的同时,考虑到去年受访者的反馈,我们又添加了几个新的问题。随着 CSS-in-JS 工具的增长 —— 正如在...
    文章 2019-08-31 445浏览量
1 2 3 4 6 >

云产品推荐

视频直播 大数据计算服务 MaxCompute 国内短信套餐包 ECS云服务器安全配置相关的云产品 开发者问答 阿里云建站 新零售智能客服 万网 小程序开发制作 视频内容分析 视频集锦 代理记账服务 阿里云AIoT 阿里云科技驱动中小企业数字化