Discussion :

[grinder59]

Bonjour,

Je viens de r�cup�rer un projet dont la couche front int�gre beaucoup de javascript impl�ment� avec jQuery.
Le projet fonctionne mais il est rendu tr�s complexe car, de ce que j'en comprends, et pardonnez moi / corrigez moi si je n'utilise pas les bons termes, en jQuery, on ne peut manipuler des objets qu'apr�s la fin de l'ex�cution d'une fonction.
Ainsi j'ai des fonctions imbriqu�es dans des fonctions imbriqu�es dans des fonctions imbriqu�es dans des fonctions... etc etc

J'envisage de refaire le projet en JS natif afin de retirer la complexit� et la profondeur des fonctions (qui du coup perdent en r�utilisabilit�). Que me conseilleriez-vous ?

Merci de vos avis.

[mathieu]

vous pouvez regardez les pages suivantes pour des informations sur les �quivalents entre jquery et javascript de base :
https://github.com/camsong/You-Dont-...r/README-fr.md
https://youmightnotneedjquery.com/

par contre jquery est uniquement une biblioth�que qui permettait d'harmoniser les diff�rences entre les navigateurs, cela ne devrait pas influencer sur la fa�on d'utiliser les objets.
pouvez vous nous montrer un exemple de code avec les imbrications dont vous parlez ?

[grinder59]

Merci Mathieu pour ces liens qui me seront tr�s utiles !

Je suis encore en d�couverte du code, peut �tre que les imbrications �voqu�es sont obligatoires, par exemple :
- je cr�e un tableau
- une fois le tableau cr�� j'ajoute une ligne
- une fois la ligne cr�e je mets des valeurs dans les cellules
- une fois une valeur positionn�e dans une cellule, je positionne un $('.maClasse').on('click', function(){ remplir une modale et l'afficher })
- une fois la modale affich�e, je positionne des s�lecteurs sur les classes pour cr�er des actions

En fait, il y a ces imbrications car chaque instruction n�cessite que la pr�c�dente ait �t� faite.

Le truc c'est que cela me cr�e des fonctions que je ne peut pas r�utiliser ailleurs :
Dans l'exemple ci-dessous, la fonction qui positionne les actions sur les s�lecteurs est imbriqu�e dans 3 autres fonctions. Ainsi si je veux positionner, ailleurs, des actions sur les s�lecteurs, je dois faire un autre fonction (ceci dit, je ne suis pas expert en JS et le code que j'ai r�cup�r� est un peu complexe. Peut �tre que m�me en jQuery, il y a moyen de faire des choses plus simples et d'avoir des fonctions unitaires qui sont appel�es dans les imbrications. J'avoue que je viens seulement d'y penser... )

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
$.ajax({			
	// créer un tableau
})
.done(function( retour ) {
	$.ajax({			
		// ajouter une ligne
	}).done(function( retour ) {
		$.ajax({			
			// ajouter des valeurs dans la ligne
		}).done(function( retour ) {
			$.ajax({			
				// actions sur les sélecteurs
			})

[Doksuri]

salut, le lien github you don't need jquery a ete ma bible le temps de la transition "back to natif"

il faut y aller progressivement, n'essaye pas de traduire tout ton code existant en natif, mais plutot : le nouveau code, ecris-le en natif. et si tu galere trop, tant pis, laisse trainer du jquery... petit a petit, tu ecriras moins de jquery sans meme t'en rendre compte.

pour ce qui est du $.ajax()... en natif, c'est un fetch() (qui n'est autre qu'une promesse) developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Global_Objects/Promise

Code javascript :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
fetch(..)
.then(...)
.then(...)
etc

je ne peux aussi que te conseiller d'aller lire la doc a chaque fois que tu ne sais pas comment quelque chose fonctionne (la doc MDN est vraiment claire & complete) developer.mozilla.org/fr/

[SpaceFrog]

Il faut de toute fa�on comprendre que tu ne pourras pas traiter les donn�es cot� client avant que le fetch n'ait termin� son process...
Donc Jquery ou natif, m�me combat.
Je pense que tu es plut�t confront� � la lisibilit�, et facilit� de maintenance d'un code existant.

[grinder59]

Merci � tous les 2 !
Au boulot maintenant !