Create the first Hello World program
tags: React bit by bit
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Hello React!</title>
<script src="./common/react.development.js"></script>
<script src="./common/react-dom.development.js"></script>
<script src="./common/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>result:
React features:
-
Declarative design: React adopts a declarative paradigm, which can easily describe applications.
-
Efficient: React minimizes interaction with DOM by simulating DOM.
-
Flexible: React can work well with known libraries or frameworks.
Intelligent Recommendation
The first program hello world
Simple and fun notepad In the previous article, we have introduced how to download and install jdk and how to configure environment variables. In this article, let's not say much, just go to the code ...
The first program: Hello World
This is my first blog, I will start with the programmer’s first program Output Hello World...
The first Hello World program
All language learning starts from the first Hello World program code show as below: The Hello World program consists of three parts Source code comments HelloWorldApp class definition main method Comm...
The first program---Hello, world!
helloworld Create a new folder CODE to store the code Create a new JAVA file The file extension is .java Hello.java Write code Compile-javac.java file, will generate class file Run the class file, Jav...
The first program Hello, World!
Write the first program Hello, World! Create a Java file (suffix is .java) Write code with NOTEPAD ++ (or noteping) Open CMD, build a Java file with Javac, generate a class file Use Java Class files...
More Recommendation
Hello World! - the first program
create Code: Code Interpretation Notice run suggestion...
Detailed graphics: Use Qt Creator to create the first Hello World program
1 Qt Creator interface composition Qt Creator interface is very simple composition. The top is the menu bar on the left is a toolbar, the middle part of the window is the workspace. Depending on the d...
Create the first hello world program with ADS1.2, detailed steps.
1) Open the code.exe program, click on the file in the upper left corner to create a new project, select the ARM Executable Image template, enter the project name, select the project storage location,...
[Spring] The first Spring program (Hello World), how to create an object
Article catalog surroundings First, realize HelloWorld 1. Create and edit beans.xml 2. Create an object and call the method problem: Second, the way IOC creates an object 1. Create through parameter t...
AndroidStudio4.1.2 Create a Hello World program
table of Contents First, create an engineering Second, use simulator debugging Create an emulator 2. Run the simulator Third, real machine debugging Fourth, reference materials First, create an engine...