React 理念在我们的理念中，React 最初的目的是使用 JavaScript 创建大型的，快速响应的网络应用。它在我们的 Facebook 和 Instagram 中已经实践的非常好了。React的众多优点之一是它让你在编写代码的时候同时也在思考你的应用。在这篇文档中，我们会带你使用 React 一起创建一个可搜索的产品数据表格，并向你展示我们的思考过程。从模拟页面开始想象我们已经有一个 J
react native 官方文档explainreact native 官方文档写的很好，又想重新读一次。steps1.to Using a ListView
原创
2022-12-15 14:58:48
132阅读
引入React哲学React最棒的部分之一是引导我们思考如何构建一个应用，接下来本文将通过React构建一个可搜索的产品数据表格来深刻的领会React哲学。从设计稿开始假设我们已经拥有了以下几个东西一个能够返回JSON数据的API[ {category: "Sporting Goods", price: "$49.99", stocked: true, name: "Football"}, {category: "Sporting Goods", price: "$9.99",
原创
2021-12-16 16:36:52
119阅读
引入React哲学React最棒的部分之一是引导我们思考如何构建一个应用，接下来本文将通过React构建一个可搜索的产品数据表格来深刻的领会React哲学。从设计稿开始假设我们已经拥有了以下几个东西一个能够返回JSON数据的API[ {category: "Sporting Goods", price: "$49.99", stocked: true, name: "Football"}, {category: "Sporting Goods", price: "$9.99",
原创
2022-02-25 14:59:11
71阅读
React是什么？关于React是什么，我们首先看一下官方是如何进行介绍的。“React 是一个声明式，高效且灵活的用于构建用户界面的 JavaScript 库。”到底什么是声明式编程？要想准确理解声明式编程，我们首先要知道什么是命令式编程，命令式编程是指的详细的告诉计算机该怎么做，来达到我们的目的，声明式编程则是命令式的编程的方面，只告诉计算机我们想要的结果，至于底层怎么实现，则不是我们所关心的，这就是声明式编程的通俗化理解。什么是组件？官方定义：将一些简短、独立的代码片段组合成复杂的
原创
2021-12-16 16:43:21
238阅读
React是什么？关于React是什么，我们首先看一下官方是如何进行介绍的。“React 是一个声明式，高效且灵活的用于构建用户界面的 JavaScript 库。”到底什么是声明式编程？要想准确理解声明式编程，我们首先要知道什么是命令式编程，命令式编程是指的详细的告诉计算机该怎么做，来达到我们的目的，声明式编程则是命令式的编程的方面，只告诉计算机我们想要的结果，至于底层怎么实现，则不是我们所关心的，这就是声明式编程的通俗化理解。什么是组件？官方定义：将一些简短、独立的代码片段组合成复杂的
原创
2022-02-25 14:06:53
139阅读
不晓得啥情况，markdown在识别错误？排版后面的代码被破坏了，正确的排版：https://ryan-miao.github.io/2017/08/03/reac...
转载
2017-08-09 21:06:00
84阅读
2评论
Fragments存在的意义是什么？Fragments旨在解决一个组件包含多个元素，但是无需向DOM添加额外节点。render() { return ( <React.Fragment> <ChildA /> <ChildB /> <ChildC /> </React.Fragment> );}动机以下面的代码为例，如果Columns组件返回多个td元素才能实现效果，但是
原创
2021-12-16 16:36:48
73阅读
Context有什么作用？官方描述：Context 提供了一个无需为每层组件手动添加 props，就能在组件树间进行数据传递的方法。如果属性只能通过props从上往下进行传递，在有些应用场景下是非常繁琐的，比如UI主题的继承，Context 提供了一种在组件之间共享此类值的方式，而不必显式地通过组件树的逐层传递 props。解读通过Context可以让组件树之间进行数据传递，并且不需要手动添加props.何时使用Context？Context设计的目的是为了共享那些对于一个组件树而言是全
原创
2021-12-16 16:36:49
315阅读
Fragments存在的意义是什么？Fragments旨在解决一个组件包含多个元素，但是无需向DOM添加额外节点。render() { return ( <React.Fragment> <ChildA /> <ChildB /> <ChildC /> </React.Fragment> );}动机以下面的代码为例，如果Columns组件返回多个td元素才能实现效果，但是
原创
2022-02-25 14:02:12
112阅读
表单基本介绍官方描述：在 React 里，HTML 表单元素的工作方式和其他的 DOM 元素有些不同，这是因为表单元素通常会保持一些内部的 state。举例<form> <label> 名字: <input type="text" name="name" /> </label> <input type="submit" value="提交" /></form>解读该表单具有默认的HTML表单
原创
2022-02-25 14:02:14
25阅读
表单基本介绍官方描述：在 React 里，HTML 表单元素的工作方式和其他的 DOM 元素有些不同，这是因为表单元素通常会保持一些内部的 state。举例<form> <label> 名字: <input type="text" name="name" /> </label> <input type="submit" value="提交" /></form>解读该表单具有默认的HTML表单
原创
2021-12-16 16:43:19
60阅读
Context有什么作用？官方描述：Context 提供了一个无需为每层组件手动添加 props，就能在组件树间进行数据传递的方法。如果属性只能通过props从上往下进行传递，在有些应用场景下是非常繁琐的，比如UI主题的继承，Context 提供了一种在组件之间共享此类值的方式，而不必显式地通过组件树的逐层传递 props。解读通过Context可以让组件树之间进行数据传递，并且不需要手动添加props.何时使用Context？Context设计的目的是为了共享那些对于一个组件树而言是全
原创
2022-02-25 14:06:51
120阅读
/* * @Descripttion: React官方状态管理库—— Recoil * @version: * @Au
原创
2022-09-09 08:06:42
167阅读
