React can be downloaded and used directly, and many learning examples are provided in the download package.
This tutorial uses version 16.4.0 of React. You can download the latest version on the official website https://reactjs.org/ .
You can also use Staticfile CDN’s React CDN library directly at the following address:
Official CDN address:
<scriptsrc="https://unpkg.com/react@16/umd/react.development.js">script><scriptsrc="
https://unpkg.com/react-dom@16/umd/react-dom.development.js">
<scriptsrc="https://unpkg.com/babel-standalone@6.15.0/babel.min.js">script>
Note: it is very inefficient to use Babel to compile JSX in a browser.
3.2.1. Use an example ¶
The following example outputs Hello, world!
React instance ¶
Hello
React!
ReactDOM.render(Hello,
world!
, document.getElementById('example')
);
<p>
Instance resolution:
</p>
<p>
In the example, we introduced three libraries:
<code class="docutils literal notranslate">
<span class="pre">
react.development.min.js
</span>
</code>
、
<code class="docutils literal notranslate">
<span class="pre">
react-dom.development.min.js
</span>
</code>
and
<code class="docutils literal notranslate">
<span class="pre">
babel.min.js
</span>
</code>
:
</p>
<ul class="simple">
<li>
<p>
<code class="docutils literal notranslate">
<span class="pre">
react.min.js
</span>
</code>
-Core library of React
</p>
</li>
<li>
<p>
<code class="docutils literal notranslate">
<span class="pre">
react-dom.min.js
</span>
</code>
-provide DOM-related functionality
</p>
</li>
<li>
<p>
<code class="docutils literal notranslate">
<span class="pre">
babel.min.js
</span>
</code>
-Babel can convert ES6 code to ES5 code so that we can execute React code on currently unsupported ES6 browsers.
<code class="docutils literal notranslate">
<span class="pre">
Babel
</span>
</code>
Embedded support for JSX. By setting the
<code class="docutils literal notranslate">
<span class="pre">
Babel
</span>
</code>
and
<code class="docutils literal notranslate">
<span class="pre">
babel-sublime
</span>
</code>
Package (package) used together can take the syntax rendering of source codeto a whole new level.
</p>
</li>
</ul>
<div class="highlight-default notranslate">
<div class="highlight">
<pre><span></span>ReactDOM.render(<h1>Hello,world!</h1>,document.getElementById('example'));
The above code inserts an H1 title into the id= “example” node.
Note:
If we need to use JSX, then
-
1. SVG tutorial
19
-
1. Angularjs2
8
-
1. Sqlite
47
-
1. Memcached
20
-
1. C# tutorial
61
-
2. Servlet
21
-
2. Go
43
-
2. Vue3
19
-
2. Docker
59
-
3. SOAP tutorial
10
-
3. Android
18
-
3. Kotlin
18
-
3. React
23
-
3. Mongodb
44
-
4. Appml
12
-
4. MySQL tutorial
34
-
4. Lua
31
-
5. Perl
45
-
5. Postgresql
41
-
web
15
-
5. Web Services tutorial
6
-
6. Ruby
41
-
6. Design-pattern
35
-
6. WSDL tutorial
8
-
7. Django
18
-
7. Rust
22
-
8. Foundation
39
-
8. Css3
26
-
9. Swift
43
-
9. Ios
43
-
11. HTML tutorial-(HTML5 Standard)
54
-
13. Regex
6
-
12. Http
6
-
14. Regexp
7
-
1. Geographical Information Systems in the World Wide Web Era
4
-
2. Basic technology of WebGIS
4
-
3. Geographic Web Services
5
-
4. aggregation of geographical information
4
-
5. mobile GIS
5
-
6. Geographic information portal
3
-
7. New generation national spatial data infrastructure and GIS
4
-
8. Application of WebGIS in E-Commerce
3
-
9. Application of WebGIS in E-government
3
-
10. Hotspots and frontiers of WebGIS
2
Principles, Technologies, and Methods of Geographic Information Systems
102
In recent years, Geographic Information Systems (GIS) have undergone rapid development in both theoretical and practical dimensions. GIS has been widely applied for modeling and decision-making support across various fields such as urban management, regional planning, and environmental remediation, establishing geographic information as a vital component of the information era. The introduction of the “Digital Earth” concept has further accelerated the advancement of GIS, which serves as its technical foundation. Concurrently, scholars have been dedicated to theoretical research in areas like spatial cognition, spatial data uncertainty, and the formalization of spatial relationships. This reflects the dual nature of GIS as both an applied technology and an academic discipline, with the two aspects forming a mutually reinforcing cycle of progress.
-
1. Introduction to Geographic Information Systems
6
-
2. From the Real World to the Bit World
3
-
3. Spatial Data Model
7
-
4. Spatial Reference Systems and Map Projections
5
-
5. Data in GIS
4
-
6. Spatial data acquisition
2
-
7. Spatial Data Management
6
-
8. Spatial analysis
8
-
9. Digital Terrain Model (DTM) and Terrain Analysis
5
-
10. Spatial modeling and spatial decision support
6
-
11. Spatial data representation and map making
6
-
12. 3S Integration Technology
5
-
13. Network Geographic Information System
4
-
14. Examples of Geographic Information System Application
8
-
15. Organization and Management of Geographic Information System Application Projects
10
-
16. Geographic Information system Software Engineering Technology
7
-
17. Geographic Information System Standards
3
-
18. Geographic Information System and Society
3
-
19. Earth Information Science and Digital Earth
4