-
Notifications
You must be signed in to change notification settings - Fork 0
/
todolist.txt
98 lines (61 loc) · 3.05 KB
/
todolist.txt
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
Étapes principales
––––––––––––––––––
Édition
¯¯¯¯¯¯¯
Boutons "Undo" et "Redo"
Bouton "Clear"
Import / export
Expérience utilisateur
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯
Application mobile
Choix de langue
Tutoriel
Agrandir le tableau lorsque l'utilisateur arrive au bord
Calcul déductif
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯
Bouton menu flèche
Types de flèche : NOT, AND, OR
Ajouter la fonctionnalité
Étapes secondaires
––––––––––––––––––
Corrections et préventions de bugs
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯
Supprimer les « flèches fantômes » (qui n'apparaissent désormais plus à l'écran car l'exception est gérée)
Examiner à nouveau mon useEffect() avec openedMenu dans Tile.tsx
Améliorations techniques
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯
Remplacer tous les for-in par des for-of
Éventuellement transformer tilesCoords, mais peut-être d'autres states aussi, en objet de type Map.
À réfléchir parce que plus performant, mais pas de support natif pour la conversion en JSON comme expliqué ici : https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map
Optimiser les performances avec useMemo et useCallback
Vérifier si c'est une bonne pratique d'avoir des variables et fonctions seules au milieu de mes composants
Mieux organiser les conditions dans calculateArrowCoords, dans arrowFunctions.ts
Supprimer les "null" dans arrowFunctions.ts. Mon code ne devrait pas se reposer là-dessus
Examiner attentivement le résultat de cette commande : console.log(getEventListeners(window));
et modifier mon code
Rechercher et remplacer toutes les occurences de "mouseX/mousePosition.x/… - board.x"
Améliorations graphiques
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯
Mettre une plus jolie icône de suppression : https://iconscout.com/icon/delete-736
Triangle en bas de TileMenu
Ajuster la position de TileMenu en fonction de la place sur l'écran
TileMenu toujours au premier plan
Regarder parmi toutes mes propriétés CSS lesquelles ont besoin de préfixe.
Corriger le clignotement lors du placement des flèches en changeant le type de mouseTarget et mousePosition
La commonHorizontal/VerticalLine d'une flèche peut être positionnée au milieu
z-index pour les flèches
Améliorations de l'expérience utilisateur
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯
Les tuiles déjà reliées par une flèche sont grisées dans le mode de positionnement de flèche, pour indiquer à l'utilisateur qu'il ne peut pas les re-relier.
Sélection rectangulaire
Fonctionnalités futures
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯
Édition en ligne à plusieurs utilisateurs
Nouveau composant : l'union
Probabilités
Permettre de zoomer et de dézoomer
Étapes principales terminées
––––––––––––––––––––––––––––
Composants TileMenu, Arrow et AppHeader fonctionnels
Z-order correctement géré
Flèches à branches