GithubHelp home page GithubHelp logo

react-'s Introduction

React课程大纲

1、React课程目标

  • 理解组件的概念,组件的用途
  • 理解React的核心**:虚拟DOM,组件化
  • 学习React基于组件化开发
  • 独自封装组件
  • 可用React独立开发项目

2、理解React

  • facebook开源的前端JS结构化框架
  • 一个用于动态构建用户界面的JS框架

3、React特点概要

  • 声明式编程
  • 基于组件开发
  • 双端渲染
  • 操作虚拟DOM对象
  • DOM diff(difference)算法
  • 高效

4、React核心内容

  • 虚拟DOM对象
  • jsx语法:主要用来创建虚拟DOM对象
  • 组件
  • 组件声明周期
  • 组件实例对象的三大属性: props, refs, state

5、React-router@3

  • Router:路由器
  • Route:注册路由
  • hashHistory: 收集,管理路由历史记录
  • IndexRoute: 默认子路由组件
  • Link: 生成a标签
  • 扩展理解
    • hash url : 通过在url前 添加 '#' 映射成 hash url,# 后边的url又叫片段标识符
    • 更改hash url浏览器不会刷新,但会添加一条浏览历史记录

6、React ajax

  • React没有自己的ajax模块
  • Jquery
  • axios
  • fetch

7、教程详解

react-'s People

Contributors

zhiyongzaixian avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.