« React + Vite + TS » : différence entre les versions
De Banane Atomic
Aller à la navigationAller à la recherche
| Ligne 20 : | Ligne 20 : | ||
document.getElementById('app') | document.getElementById('app') | ||
); | ); | ||
</filebox> | |||
<filebox fn='package.json'> | |||
{ | |||
"scripts": { | |||
"start": "snowpack dev", | |||
"build": "snowpack build" | |||
}, | |||
"dependencies": { | |||
"react": "^17.0.2", | |||
"react-dom": "^17.0.2" | |||
}, | |||
"devDependencies": { | |||
"snowpack": "^3.8.8" | |||
} | |||
} | |||
</filebox> | </filebox> | ||
Version du 25 octobre 2024 à 21:05
Links
Exemple
| public/index.html |
<body>
<!-- hosts the React application -->
<div id="app"></div>
<!-- import index.js generated from index.jsx by a bundler such as Snowpack -->
<script type="module" src="/dist/index.js"></script>
</body>
|
| src/index.jsx |
import React from 'react';
import ReactDOM from 'react-dom';
ReactDOM.render(
<h1>Hello, world!</h1>,
document.getElementById('app')
);
|
| package.json |
{
"scripts": {
"start": "snowpack dev",
"build": "snowpack build"
},
"dependencies": {
"react": "^17.0.2",
"react-dom": "^17.0.2"
},
"devDependencies": {
"snowpack": "^3.8.8"
}
}
|
|
# install the NodeJS packages npm i # run the app npm start |
