react学习一之helloworld

素颜马尾好姑娘i 2022-04-24 11:08 254阅读 0赞

react简介

React 是一个用于构建用户界面的 JAVASCRIPT 库。

React主要用于构建UI，很多人认为 React 是 MVC 中的 V（视图）。

React 起源于 Facebook 的内部项目，用来架设 Instagram 的网站，并于 2013 年 5 月开源。

React 拥有较高的性能，代码逻辑非常简单，越来越多的人已开始关注和使用它。

react特点

*  **1.声明式设计** −React采用声明范式，可以轻松描述应用。
 *  **2.高效** −React通过对DOM的模拟，最大限度地减少与DOM的交互。
 *  **3.灵活** −React可以与已知的库或框架很好地配合。
 *  **4.JSX** − JSX 是 JavaScript 语法的扩展。React 开发不一定使用 JSX ，但我们建议使用它。
 *  **5.组件** − 通过 React 构建组件，使得代码更加容易得到复用，能够很好的应用在大项目的开发中。
 *  **6.单向响应的数据流** − React 实现了单向响应的数据流，从而减少了重复代码，这也是它为什么比传统数据绑定更简单。

第一个helloword程序

<!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8" />
    <title>Hello React!</title>
    <script src="https://cdn.staticfile.org/react/16.4.0/umd/react.development.js"></script>
    <script src="https://cdn.staticfile.org/react-dom/16.4.0/umd/react-dom.development.js"></script>
    <script src="https://cdn.staticfile.org/babel-standalone/6.26.0/babel.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>

发表评论取消回复

表情：

评论列表（有 0 条评论，254人围观）

还没有评论，来说两句吧...

相关阅读

相关 VC++学习笔记之HelloWorld

本系列文章记录我学习VC++的过程。一直以来我对自己的定位是C++工程师，但到目前为止我对C++的了解还停留在C阶段，只会用C的特性加上面向对象的知识写一点控制台程序，要我

朱雀/ 2022年09月22日 03:49/ 0 赞/ 391 阅读

相关 Activiti学习之HelloWorld程序

流程图 ![这里写图片描述][20160606145644558] 部署流程定义 / 部署流程定义 / @Test public void

雨点打透心脏的1/2处/ 2022年08月23日 03:50/ 0 赞/ 178 阅读

相关 struts2学习之HelloWorld

前言最近学了SSH三大框架的基础部分，最近几周将陆续更新笔记到博客上，今天第一篇。。。第一个struts2案例-HelloWorld web.xml内容

向右看齐/ 2022年08月07日 15:51/ 0 赞/ 225 阅读

相关 Spring框架学习（一）——HelloWorld

Spring框架学习（一）——HelloWorld [Spring下载][Spring] 当前版本4.3.5 Spring描述轻量级：Spring是非入

清疚/ 2022年07月13日 07:27/ 0 赞/ 193 阅读

相关 JAVA学习笔记之（一）HelloWorld

java初学者首先要学会记事本+命令行的学习方式，基础扎牢！ 1、第一个java程序 HelloWorld.java文件 class HelloWorld{

向右看齐/ 2022年06月10日 07:57/ 0 赞/ 250 阅读

相关 QT学习笔记（一）——Helloworld

一、调试的基本方法： Log调试法 ——在代码中加入一定的打印语句 ——打印程序状态和关键变量的值断点调试法： ——在开发环境中的对应代码行加上断点

偏执的太偏执、/ 2022年05月16日 23:35/ 0 赞/ 405 阅读

相关 React学习(一)

从毕业工作一年到现在，已经有三年没有去详细接触前端，所以水平还停留在三年前，页面用jsp,样式用css,用jquery替代原生javascript,前端框架用过easyUI

柔情只为你懂/ 2022年05月10日 12:24/ 0 赞/ 154 阅读

相关 react学习一之helloworld

react简介 React 是一个用于构建用户界面的 JAVASCRIPT 库。 React主要用于构建UI，很多人认为 React 是 MVC 中

素颜马尾好姑娘i/ 2022年04月24日 11:08/ 0 赞/ 255 阅读

相关 node学习一之helloworld

综述：node就是运行在服务器端的js，如果你会js，那么你学习node轻轻松松啦 1.安装教程： [http://www.runoob.com/nodejs/nodejs

墨蓝/ 2022年03月02日 12:23/ 0 赞/ 287 阅读

相关 SpringMVC（一）SpringMVC之HelloWorld

目录 SpringMVC 一、三层架构和MVC 1. 三层架构 2. MVC模型二、Sprin

朱雀/ 2021年06月22日 15:37/ 0 赞/ 508 阅读