首页 > 课程库 > ReactJS从入门到实战
ReactJS从入门到实战

ReactJS从入门到实战

在诸如Jquery,AngularJS,BootStrap等各种前端框架或库充斥市场的情况下,由Facebook的优秀程序员开发出来的React一经问世,就有人直呼这是革命性创新,性能出众,代码逻辑却很简单易懂。 本套视频教程将从实践的角度带你学习ReactJS。在使用中理解ReactJS、利用ReactJS更快速的实现你的组件化开发。

16章节|11494次播放

查看课程视频

6小时学习时长
  • 学习Web框架

    ReactJS简介

    开发工具浏览器chromeFireFox编辑工具Sublime Text Webstorm/Intellij IDEAnotepad++atom本地服务器Nginx nodeJS*switchHost 学习清单ReactJS安装和”Hello World”ReactJS  JSXReactJS组件R... 查看原文

  • 学习Web框架

    ReactJS JSX

    什么是JSXJavaScript extend如何转换JSX transformerBabelJSX的使用元素嵌套 添加属性 JSX vs HTML如何区分大小写特殊标示符classforstyleonChange在线转换https://babeljs.io/repl/备用网址:babel转换: h... 查看原文

  • 学习Web框架

    ReactJS 组件

    基本示例 讲解示例组件中每个函数组件属性输入  props  state  html输出  html状态机:每个组件都当成一个状态机处理复合组件继承B继承了A,B是一个A组合A,B,C,D组合成一个新组件parent和owner区别Owner传递props  而不是parent Parent :<d... 查看原文

  • 学习Web框架

    ReactJS state

    什么是statestate代表的是一个组件内部自身的状态(可以是父组件、子孙组件)。改变一个组件自身状态,从语义上来说,就是这个组件内部已经发生变化,有可能需要对此组件以及组件所包含的子孙组件进行重渲染。如何使用 state中存储data应该存储哪些?通过事件触发可能导致UI改变的数据不应该存储哪些... 查看原文

  • 学习Web框架

    ReactJS props

     State1.本组件内的数据2.相对封闭的单元/结构的数据 状态组件 无状态props1.组件之间的数据流动单向的, 从 owner向子组件owner  state ....{data}子组件1, property1={this.state.key1} state子组件2, property2={... 查看原文

  • 学习Web框架

    ReactJS项目实战

    源代码<!DOCTYPE html><!--[if IE]><![endif]--><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><title>Top-L... 查看原文

  • 学习Web框架

    ReactJS 组件生命周期

    示例 1.准备挂载到页面2.挂载到页面更新——>3.更新值4.更新DOM卸载5.卸载前注意事项1.更新函数是在更新之后才有的,初始化的时候未执行2.forceupdate是直接引起更新,从willupdate3.移除元素的时候,只能通过拥有者进行元素的替换或者移除 组件的生命周期分成三个状态Moun... 查看原文

暂无相关内容~
  • 源代码所属章节:源代码
    下载
  • 课件所属章节:课件
    下载
徐东亮

徐东亮

TA的课程

4年前端开发经验,现就任美团前端开发工程师,熟练使用JQuery, NodeJS,AngularJS等各类前端框架。

你有一个红包等你领取!

免费电话咨询