美文网首页
react 基本使用

react 基本使用

作者: 想做一个画家 | 来源:发表于2017-11-17 22:31 被阅读22次
<!DOCTYPE html>
<html>

<head>
  <!--  react.js 是 React 的核心库 -->
  <script src="../build/react.js"></script>
  <!--  react-dom.js是提供与 DOM 相关的功能, -->
  <script src="../build/react-dom.js"></script>
  <!-- Browser.js 的作用是将 JSX 语法转为 JavaScript 语法,这一步很消耗时间,实际上线的时候,应该将它放到服务器完成。 -->
  <script src="../build/browser.min.js"></script>
</head>

<body>
  <div id="example"></div>
  <script type="text/babel">
      ReactDOM.render(
        <h1>Hello, World</h1>,
        document.getElementById('example')
      )
    </script>
</body>

</html>

前端核心问题 如何处理数据和视图之间的关系

react 和 vue 两个区别 => 事件监听 数据渲染

react 设计哲学 用什么概念来解决问题 :看到的都是组件,都是围绕着组件

函数式

关键技术:???

React & fiber 解决层级过深父组件 render 之后子组件 跟随render 导致无法及时响应

工作有区分 优先级

要有一个中央调度器

组件库 的设计:组件的种类 /受控与非受控/state 是否是 immutable 它是一种数据结构/ 样式问题css
/子组件的传递/国际化/参数回调的设计/行为样式的复写

应用框架的问题是要为要解决组件通讯的问题 redux

组件 有作用域的限制

相关文章

  • React 知识点补充

    基本使用 React基本使用 直接渲染 html,相当于 vue 中的 v-html React 事件 ...

  • react从0到1的探索记录04

    18、React中的路由 React中路由的基本使用 在react中使用路由首先需要安装react的路由模块 np...

  • react 基本使用

    前端核心问题 如何处理数据和视图之间的关系 react 和 vue 两个区别 => 事件监听 数据渲染 react...

  • 基本react使用

    本篇文章在html-webpack-plugin插件使用的基础上 第一步安装包 react:专门用于创建组件和虚拟...

  • react深入3 - react-router

    1. react-router 使用 1.1 安装 npm i react-router-dom 1.2 基本使用...

  • 从零搭建React全家桶框架教程:快速搭建react+react

    搭建基本的react项目 我们使用create-react-app[https://github.com/face...

  • redux 及 react-redux 的基本使用

    本文介绍 redux 的基本使用,介绍 redux 的流程。以及 react-redux 的基本使用 一、redu...

  • react 的基本使用

    这里主要使用的都是ES6的语法(阮一峰的 ES6入门 ),我自己也在摸索中,在这个项目中会带一些关于语法的解释。可...

  • React:Router基本使用

    版本区别 react-router 4之后的版本和之前的版本差别真的很大 嵌套路由 v3中的嵌套路由通常书写如下,...

  • React:Router基本使用

    版本区别 react-router 4之后的版本和之前的版本差别真的很大 嵌套路由 v3中的嵌套路由通常书写如下,...

网友评论

      本文标题:react 基本使用

      本文链接:https://www.haomeiwen.com/subject/kndjvxtx.html