216 lines
7.3 KiB
HTML
216 lines
7.3 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||
<title>%REACT_APP_NAME%</title>
|
||
<style>
|
||
img {
|
||
width: 1.2em;
|
||
height: 1.2em;
|
||
}
|
||
|
||
svg {
|
||
max-width: 1.2em;
|
||
max-height: 1.2em;
|
||
}
|
||
</style>
|
||
</head>
|
||
|
||
<body>
|
||
<noscript>You need to enable JavaScript to run this app.</noscript>
|
||
<div id="root">
|
||
<div class="cont cont1">
|
||
<h2>React is a JavaScript library for building user interfaces.</h2>
|
||
<ul>
|
||
<li>
|
||
Declarative: React makes it painless to create interactive UIs.
|
||
Design simple views for each state in your application, and React
|
||
will efficiently update and render just the right components when
|
||
your data changes. Declarative views make your code more
|
||
predictable, simpler to understand, and easier to debug.
|
||
</li>
|
||
<li>
|
||
Component-Based: Build encapsulated components that manage their own
|
||
state, then compose them to make complex UIs. Since component logic
|
||
is written in JavaScript instead of templates, you can easily pass
|
||
rich data through your app and keep the state out of the DOM.
|
||
</li>
|
||
<li>
|
||
React 使创建交互式 UI
|
||
变得轻而易举。为你应用的每一个状态设计简洁的视图，当数据变动时 React
|
||
能高效更新并渲染合适的组件。
|
||
</li>
|
||
<li>以声明式编写 UI，可以让你的代码更加可靠，且方便调试。</li>
|
||
</ul>
|
||
</div>
|
||
<p></p>
|
||
<p></p>
|
||
<p></p>
|
||
<p></p>
|
||
<p></p>
|
||
<p></p>
|
||
<p></p>
|
||
<p></p>
|
||
<p></p>
|
||
<p></p>
|
||
<p></p>
|
||
<p></p>
|
||
<div class="cont cont2">
|
||
<h2>React is a JavaScript library for building user interfaces.</h2>
|
||
<ul>
|
||
<li>
|
||
Declarative: React makes it painless to create interactive UIs.
|
||
Design simple views for each state in your application, and React
|
||
will efficiently update and render just the right components when
|
||
your data changes. Declarative views make your code more
|
||
predictable, simpler to understand, and easier to debug.
|
||
</li>
|
||
<li>
|
||
Component-Based: Build encapsulated components that manage their own
|
||
state, then compose them to make complex UIs. Since component logic
|
||
is written in JavaScript instead of templates, you can easily pass
|
||
rich data through your app and keep the state out of the DOM.
|
||
</li>
|
||
<li>
|
||
React 使创建交互式 UI
|
||
变得轻而易举。为你应用的每一个状态设计简洁的视图，当数据变动时 React
|
||
能高效更新并渲染合适的组件。
|
||
</li>
|
||
<li>以声明式编写 UI，可以让你的代码更加可靠，且方便调试。</li>
|
||
</ul>
|
||
</div>
|
||
<p></p>
|
||
<p></p>
|
||
<p></p>
|
||
<p></p>
|
||
<p></p>
|
||
<p></p>
|
||
<p></p>
|
||
<p></p>
|
||
<p></p>
|
||
<p></p>
|
||
<p></p>
|
||
<p></p>
|
||
<p></p>
|
||
<p></p>
|
||
<p></p>
|
||
<p></p>
|
||
<p></p>
|
||
<p></p>
|
||
<div class="cont cont3">
|
||
<h2>React is a JavaScript library for building user interfaces.</h2>
|
||
<ul>
|
||
<li>
|
||
Declarative: React makes it painless to create interactive UIs.
|
||
Design simple views for each state in your application, and React
|
||
will efficiently update and render just the right components when
|
||
your data changes. Declarative views make your code more
|
||
predictable, simpler to understand, and easier to debug.
|
||
</li>
|
||
<li>
|
||
Component-Based: Build encapsulated components that manage their own
|
||
state, then compose them to make complex UIs. Since component logic
|
||
is written in JavaScript instead of templates, you can easily pass
|
||
rich data through your app and keep the state out of the DOM.
|
||
</li>
|
||
<li>
|
||
React 使创建交互式 UI
|
||
变得轻而易举。为你应用的每一个状态设计简洁的视图，当数据变动时 React
|
||
能高效更新并渲染合适的组件。
|
||
</li>
|
||
<li>以声明式编写 UI，可以让你的代码更加可靠，且方便调试。</li>
|
||
</ul>
|
||
</div>
|
||
<p></p>
|
||
<p></p>
|
||
<p></p>
|
||
<p></p>
|
||
<p></p>
|
||
<p></p>
|
||
<p></p>
|
||
<p></p>
|
||
<p></p>
|
||
<p></p>
|
||
<p></p>
|
||
<p></p>
|
||
<p></p>
|
||
<p></p>
|
||
<div class="cont cont4">
|
||
<h2>
|
||
React is a <code>JavaScript</code> <a href="#">library</a> for
|
||
building user interfaces.
|
||
</h2>
|
||
<ul>
|
||
<li>
|
||
Declarative: React makes it painless to create interactive UIs.
|
||
Design simple views for each state in your application, and React
|
||
will efficiently update and render just the right components when
|
||
your data changes. Declarative views make your code more
|
||
predictable, simpler to understand, and easier to debug.
|
||
</li>
|
||
<li>
|
||
Component-Based: Build encapsulated components that manage their own
|
||
state, then compose them to make complex UIs. Since component logic
|
||
is written in JavaScript instead of templates, you can easily pass
|
||
rich data through your app and keep the state out of the DOM.
|
||
</li>
|
||
<li>
|
||
React 使创建交互式 UI
|
||
变得轻而易举。为你应用的每一个状态设计简洁的视图，当数据变动时 React
|
||
能高效更新并渲染合适的组件。
|
||
</li>
|
||
<li>以声明式编写 UI，可以让你的代码更加可靠，且方便调试。</li>
|
||
</ul>
|
||
</div>
|
||
<p></p>
|
||
<p></p>
|
||
<p></p>
|
||
<p></p>
|
||
<p></p>
|
||
<p></p>
|
||
<p></p>
|
||
<p></p>
|
||
<p></p>
|
||
<p></p>
|
||
<p></p>
|
||
<p></p>
|
||
<div class="cont cont5">
|
||
<h2>React is a JavaScript library for building user interfaces.</h2>
|
||
<ul>
|
||
<li>
|
||
Declarative: React makes it painless to create interactive UIs.
|
||
Design simple views for each state in your application, and React
|
||
will efficiently update and render just the right components when
|
||
your data changes. Declarative views make your code more
|
||
predictable, simpler to understand, and easier to debug.
|
||
</li>
|
||
<li>
|
||
Component-Based: Build encapsulated components that manage their own
|
||
state, then compose them to make complex UIs. Since component logic
|
||
is written in JavaScript instead of templates, you can easily pass
|
||
rich data through your app and keep the state out of the DOM.
|
||
</li>
|
||
<li>
|
||
React 使创建交互式 UI
|
||
变得轻而易举。为你应用的每一个状态设计简洁的视图，当数据变动时 React
|
||
能高效更新并渲染合适的组件。
|
||
</li>
|
||
<li>以声明式编写 UI，可以让你的代码更加可靠，且方便调试。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<!--
|
||
This HTML file is a template.
|
||
If you open it directly in the browser, you will see an empty page.
|
||
|
||
You can add webfonts, meta tags, or analytics to this file.
|
||
The build step will place the bundled scripts into the <body> tag.
|
||
|
||
To begin the development, run `npm start` or `yarn start`.
|
||
To create a production bundle, use `npm run build` or `yarn build`.
|
||
-->
|
||
</body>
|
||
|
||
</html> |