Créer un CV en 3D
----------------------
Le cours
https://www.youtube.com/watch?v=pGMKIyALcK0&t=561s&ab_channel=WawaSensei
Le CV du formateur (CV)
https://david-hckh.com/
Le code de base à cloner :
https://github.com/wass08/r3f-vite-starter
La librairie React Three Fiber à utiliser pour la 3D en WebGl, qui s'appuie sur ThreeJs
https://docs.pmnd.rs/react-three-fiber/getting-started/introduction
Un tuto ThreeJs si besoin
https://www.youtube.com/watch?v=tyNt9Qse1mg&ab_channel=WawaSensei
----------------------
Le cours
Le CV du formateur (CV)
Le code de base à cloner :
La librairie React Three Fiber à utiliser pour la 3D en WebGl, qui s'appuie sur ThreeJs
Un tuto ThreeJs si besoin
-------------
Les 15 hooks React résumés en 1 post
- Les "State Hooks" qui servent à gérer le state d'un composant
1 useState
2 useReducer
C'est grâce à ces 2 hooks qu'un composant fonctionnel (en opposition au composant de classe) à accès à une gestion de state et à un cycle de vie
- Le context Hook
3 useContext
Avec ce hook, un composant enfant peut recevoir des informations d'un composant parent (peut importe sa distance à ce parent) sans passer par des props
- Les "Ref Ho...(lire la suite)
Utilisation ReactJS & Visual Studio Code
-------------------------------------------------
Pour installer et utiliser REACT :
- installer NodeJS :
https://nodejs.org/en/
Permet d'utiliser NPM et l'outil Create React App
Sur Mac, taper : sudo npm install -g create-react-app
- Visual Studio Code
Ouvrir un terminal : CTRL+ù (u accent grave)
- Créer une application React, via le terminal,
> npx create-react-app 1-react-app
Cela permet d'installer plein d'outils :
- Webpack est un b...(lire la suite)
-------------------------------------------------
Pour installer et utiliser REACT :
- installer NodeJS :
Permet d'utiliser NPM et l'outil Create React App
Sur Mac, taper : sudo npm install -g create-react-app
- Visual Studio Code
Ouvrir un terminal : CTRL+ù (u accent grave)
- Créer une application React, via le terminal,
> npx create-react-app 1-react-app
Cela permet d'installer plein d'outils :
- Webpack est un b...(lire la suite)
Outils React JS
------------------
1. Extensions navigateur : React developer Tool
2. Injecter React et React Dom sans avoir besoin de l'installer
https://unpkg.com/
Il suffit de copier/coller deux lignes de script à accès distant dans le head d'une page Html.
ex:
<script src="https://unpkg.com/react@16.7.0/umd/react.production.min.js"></script>
<script src="https://unpkg.com/react-dom@16.7.0/umd/react-dom.production.min.js"></script>
- Si on veut utliser les versions de développement de Reac...(lire la suite)
------------------
1. Extensions navigateur : React developer Tool
2. Injecter React et React Dom sans avoir besoin de l'installer
Il suffit de copier/coller deux lignes de script à accès distant dans le head d'une page Html.
ex:
<script src="https://unpkg.com/react@16.7.0/umd/react.production.min.js"></script>
<script src="https://unpkg.com/react-dom@16.7.0/umd/react-dom.production.min.js"></script>
- Si on veut utliser les versions de développement de Reac...(lire la suite)
-------------------------------
C'est quoi NPM ou NPX ?
NPM : Node Package Manager, est le gestionnaire de paquets officiel de Node.js. Il permet de télécharger et d'installer les dépendances du projet en lisant le package.json. Exemple :
> npm install
> npm start
> npm run mon-package
info : package = paquet = module : bloc de code composé de fonctions permettant d'effectuer une tâche. Inutile d'inventer la roue, on prends des packages sur le net plutôt que de les c...(lire la suite)