手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >由ReactJS的Hello world说开来
由ReactJS的Hello world说开来
摘要:这篇文章主要介绍了ReactJS的Helloworld程序编写及其相关知识,React是Facebook开发并开源的JS框架,人气在当下急剧...

这篇文章主要介绍了ReactJS的Hello world程序编写及其相关知识,React是Facebook开发并开源的JS框架,人气在当下急剧攀升,需要的朋友可以参考下

这篇文章提供了代码实例和在React.js(一个Facebook工程师开发的被用于构建用户界面的Javascript库)中高水平的概念.这些概念会被详细的发表在下面的文章里.在此,我必须提示如果你是一名ReactJS专家并且感觉这些代码需要改善,请您把建议写信给我,我会及时适当的更新这篇文章/代码.

在我继续发表一些代码实例之前,我必须特别的提出:初学ReactJS会有一点困难,因为最近我一直在AngularJS上写代码.到现在为止,我需要承认他们之间在帮助我们做UI工作时有很大的不同.我将发表另一篇博文对比他们之间的主要差异.

然而,在较高的水平上,下面是一些原因关于我为何在学习 ReactJS 时使用了略有些陡峭的学习路线:

面向组件的:ReactJS是面向组件的,也就意味着,需要你将UI元素看作是组件。有趣的是,组件是可组合的。这意味着一个组件可以具有一个或多个内部组件。下面的代码演示了这一点

JSX Syntax:它使用了一个有趣的JSX(XML式的)语法来编写代码。JSX转换器(一个预编译器)用来将这种语法结构转换为明显的JavaScript

事件代理模型:它遵循了事件委托模型,用以捕获事件

下面是一些显示在代码中的关键概念:

组件

事件代理

JSX 语法

以下是组件已实现内容的简要描述

- 输入框元素,用户可输入其用户名。在下面的文章中会提到,这个输入框实际是UserName组件

- div层元素,用于展示Hello, userName。在下面的文章中会提到,这个div层实际是HelloText组件

以下是其如何设计的。此外,请找到能代表下面概念的代码。

SayHello: 可组合的元件

SayHello是一个父组件,包含两个组件。这个父组件是由两个内部组件构成。其中一个组件是UserName,用来为用户提供输入姓名的功能,另一个组件是HelloText,用于展示文本,比如Hello,world。这个父组件定义了下列三个不同的API:

getInitialState

handleNameSubmit

render(这是一个必需的接口,一个组件需要定义render来告诉React响应如何渲染组件)

?

1

【由ReactJS的Hello world说开来】相关文章:

JS的IE和Firefox兼容性集锦

JavaScript中string对象

jQuery实现不断闪烁文字的方法

通过JavaScript脚本复制网页上的一个表格

Javascript实现的SHA-256加密算法完整实例

JavaScript实现身份证验证代码

Jquery跨浏览器文本复制插件Zero Clipboard的使用方法

分享自己用JS做的扫雷小游戏

AngularJS中的一些常用指令介绍

javascript基础知识分享之类与函数化

精品推荐
分类导航