0 valutazioniIl 0% ha trovato utile questo documento (0 voti)
13 visualizzazioni8 pagine
Con React 4
Il tutorial di React introduce React come una libreria JavaScript per costruire interfacce utente e applicazioni a pagina singola. Gli utenti possono imparare attraverso esempi e esercizi, e viene consigliato di utilizzare 'create-react-app' per configurare un ambiente React. È necessario avere una conoscenza intermedia di HTML, CSS e JavaScript, inclusi i nuovi standard ECMAScript 6.
Per noi i diritti sui contenuti sono una cosa seria. Se sospetti che questo contenuto sia tuo, rivendicalo qui.
Formati disponibili
Scarica in formato PDF o leggi online su Scribd
0 valutazioniIl 0% ha trovato utile questo documento (0 voti)
13 visualizzazioni8 pagine
Con React 4
Il tutorial di React introduce React come una libreria JavaScript per costruire interfacce utente e applicazioni a pagina singola. Gli utenti possono imparare attraverso esempi e esercizi, e viene consigliato di utilizzare 'create-react-app' per configurare un ambiente React. È necessario avere una conoscenza intermedia di HTML, CSS e JavaScript, inclusi i nuovi standard ECMAScript 6.
Per noi i diritti sui contenuti sono una cosa seria. Se sospetti che questo contenuto sia tuo, rivendicalo qui.
Formati disponibili
Scarica in formato PDF o leggi online su Scribd
1514125, 8:57 pm. React Tutorial
3
w Tutorials» Exercises» Servicesey§ Qo O Login
schools
React Tutorial
[crore] Le J
Learn React
React is a JavaScript library for building user interfaces.
React is used to build single-page applications + .
1
React allows us to create reusable UI components.
Learning by Examples
Our "Show React” tool makes it easy to demonstrate React. It shows both the code and
the result.
Example:
import React from ‘react’;
import ReactDOM from ‘react-dom/client' ;
hips Awww. [Link]. asp 181514125, 8:57 pm. React Tutorial
3
w Tutorials» Exercises» Servicesey§ Qo O Login
schools
const container = document. getElementById("root");
const root = [Link] (container) ;
[Link]();
Learning by Exercises
Many chapters in this tutorial end with an exercise where you can check you level of
knowledge
°
oO
hips hw. [Link] 21514125, 8:57 pm. React Tutorial
3
w Tutorials» Exercises» Servicesey§ Qo O Login
schools
My Learning
Track your progress with the free "My Learning" program here at W3Schools.
Log in to your account, and start earning points!
This is an optional feature. You can study at W3Schools without using My Learning.
Good jobt
~ 1531\
60
Create React App
To learn and test React, you should set up a React Environment on your computer.
This tutorial uses the create-react-app .
The create-react-app tool is an officially supported way to create React applications.
[Link] is required to use create-react-app.
Open your terminal in the directory you would like to create your application.
Run this command to create a React application named my-react-app :
hitps Awww. [Link] asp 31514125, 8:57 pm. React Tutorial
3
w Tutorials» Exercises» Servicesey§ Qo O Login
schools
create-react-app will set up everything you need to run a React application.
Note: If you've previously installed create-react-app globally, it is recommended that
you uninstall the package to ensure npx always uses the latest version of create-
react-app . To uninstall, run this command: npm uninstall -g create-react-app .
Run the React Application
Run this command to move to the my-react-app directory:
Run this command to execute the React application my-react-app :
‘A new browser window will pop up with your newly created React App! If not, open your
browser and type localhost:30@0 in the address bar.
The result:
hitps Awww. [Link] 48514125, 57 pm. React Tutorial
Tutorials» —Exercisesy — Servieesey§ QO Login
Edit src/App. js and save to reload.
Learn React
You will learn more about the create-react-app in the React Get Started chapter.
What You Should Already Know
Before starting with [Link], you should have intermediate experience in:
* HTML
+ css
+ JavaScript
You should also have some experience with the new JavaScript features introduced in
ECMAScript 6 (ES6), you will learn about them in the React ES6 chapter.
hips hw. [Link] 58514125, 857 pm. React Tutorial
3
Tutorials» Exercises» Servicesey§ Qo O SignUp Login
schools
= CSS JAVASCRIPT SQL PYTHON. «JAVA. PHP, = «HOWTO = W3.CSS_—C
Get certified by completing the
REACT course
Get certified
- it" f
Track your progress - it's free! sien Up Login
ntps:[Link] asp 618514125, 857 pm. React Tutorial
3
w Tutorials» Exercises» Servicesey§ Qo O Login
schools
CSS JAVASCRIF SQL PYTHON JAVA PHF owTO w3.css_
Checkit out!
Na)
Foy
COLOR PICKER
w PLUS SPACES
schools
GET CERTIFIED FOR TEACHERS,
FOR BUSINESS CONTACT US
Top Tutorials
ipsa decheos [Link] 70514125, 857 pm.
w
Tutorials +
schools
Exercises ¥
CSS JAVASCRIPT = SQL
[Link] Tutorial
Bootstrap Tutorial
PHP Tutorial
Java Tutorial
Crt Tutorial
‘Query Tutorial
Top References
HTML Reference
SS Reference
Javascript Reference
SQL Reference
Python Reference
W3.CS5 Reference
Bootstrap Reference
PHP Reference
HTML Colors
Java Reference
‘Angular Reference
‘Query Reference
Top Examples
HTML Examples
SS Examples
Services ¥
PYTHON
React Tutorial
Q 0a
JAVA
SignUp Login
PHP HOWTO w3.css_
Get Certified
HTML Certificate
55 Certificate
JavaScript Examples JavaScript Certificate
How To Examples Front End Certificate
SQL Examples SQL Certificate
Python Examples Python Certificate
W3.CS5 Examples PHP Certificate
Bootstrap Examples sQuery Certificate
PHP Examples Java Certificate
Java Examples c++ Certificate
XML Examples
jQuery Examples
Ci Certificate
XML Certificate
@na no
FORUM ABOUT ACADEMY
W3Schools is optimized for learning and training. Examples might be simplified to improve
reading and learning
Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot.
warrant full correctness
of all content. While using W3Schools, you agree to have read and accepted our terms of use,
cookie and privacy policy.
Copyright 1999-2025 by Refsnes Data. All Rights Reserved. W3Schools is Powered by [Link].
ntps:[Link] asp 88