Cheatography
https://cheatography.com
A retenir sur cette librairie
This is a draft cheat sheet. It is a work in progress and is not finished yet.
|
|
|
A retenir
nouveau projet react |
yarn create react-app nom-projet |
ancrer l' app React |
<div id="root"></div> |
| |
const root = ReactDOM.createRoot(document.getElementById('root')); root.render( <React.StrictMode> <App /> </React.StrictMode> ); |
importer les liens CDN React et ReactDOM. |
attacher l'app React au HTML avec |
attacher l'appReactDOM.render(<MonApp />, document.getElementById( 'monId')). |
paramétrer Babel. |
Déclarer un composant |
const MyComponent = () => (<div>Hello World</div>) |
| |
function MyComponent() { return (<div>Hello World</div>)} |
| |
class MyComponent extends React.Component {render() {return <div>Hello World</div>}} |
nouveau projet react |
npm creat vite@latest |
|
|
cmd
yarn |
installer les dépendances |
yarn start |
demarre l'application |
l'application se trouve |
http://localhost:3000/ |
Installation
nouveau projet |
yarn create react-app nom-projet |
Router |
|
nouveau projet avec vite |
npm create vite@latest |
Pour avoir scss sur le projet |
npm add -D sass |
|
