Reprise du message précédent :
L'un d'entre vous a t'il testé Ant ? l'UI / UX est vraiment parfaite  
 
Comparé à du Bootstrap c'est le jour et la nuit

 
Merci, ça a l'air très bien. Bookmarked!

Les composants sont vraiment bien foutus, le niveau de finition est vraiment impressionant, y'a un petit feedback sur pratiquement tous les composants, y'a mêmes les états de loading avec le spinner (par exemple sur le toggle switch). Par contre c'est du pur React. J'aimerai utiliser ça pour une interface d'admin sur un projet qui va arriver, mais ça va pas plaire aux devs de ma boîte je crois, car y'a pas du tout de structure HTML, eux ils aiment bien partir d'un thème pour déjà avoir une base.
 
J'ai tenté une install, j'ai juste un node_modules dans mon dossier qui s'est rajouté y'a absolument rien d'autres. Bon comme n'importe quel framework vous allez me dire  
 
Je crois que je me suis trop habitué aux npx truc machin qui installe une petite structure quand même

Impressionnant effectivement,
 
Il semblerait que la version vue.js existe aussi:
https://antdv.com/components/affix/

Je comprends pas ce que tu veux dire, t'as des composants React fournis avec cette librairie et voilà c'est tout non ?

Si tes devs aiment bien partir d'une structure toute faite, ce ne sont pas des dev mais des intégrateurs

 
Oui, du coup, je peux te dire que je ne suis pas dev et que si jamais je surprends un putain de dev dans mon équipe, je le vire aussitôt. Parce que les mecs qui veulent réinventer la roue, on a pas l'argent pour les payer chez nous.  

Ya réinventer la roue et utiliser comme un con un framework.
 
Le nombre de fois où j'ai vu des mecs utiliser tout bootstrap juste pour le système de grille...
Chez nous il y a un framework react qui fait des surcouches à react-strap.
 
Et dedans il y a un composant Navigation pour faire une barre de navigation.
LE bordel n'est pas documenté, c'est une plaie à utiliser. J'ai plus vite fait de refaire un système de nav simple à la main.

 
C’était devenu la librairie de composants par défaut dans ma dernière boîte.
 
Ce n’est pas parfait (niveau accessibilité par exemple), mais ça nous a permis de livrer beaucoup de choses très rapidement

Intéressant, merci youmoussa, et comment ça fonctionnait du coup en interne ? les devs étaient complètement autonomes sur les nouvelles features ? vous piochiez dans la lib au fur et a mesure de nouvelles itération du projet ? ou alors y'avait toujours des designers pour vous fournir des maquettes ? nous l'objectif c'est de rendre les devs autonomes le plus possible et essayer de limiter les phases de wireframes/maquettes tout en gardant une ui/ux très correcte

Petite équipe, il n'y avait plus de designer en interne.

Donc oui, toutes les nouvelles "pages"/fonctionnalités sont créées avec des composants d'Ant Design.

On avait des taches rajoutées au sprint pour unifier l'UI (pour être honnête, c'était pas le top avant, c'était déjà bien visible que l'appli est un patchwork de librairies en fonction de l'époque à laquelle l'implémentation s'est faite) et virer les vieilles librairies.

On était sur du React 15 il y a peu, donc coincé avec Ant v3 (ce qui apportait des limitations, niveau date picker par ex), et on s'apprêtait à migrer vers Ant v4 ayant migré vers la dernière version de React 16.

On poussait aussi fortement l'équipe produit à regarder les docs de la librairie pour avoir une idée de ce qu'on pouvait faire rapidement/simplement. Et les développeurs étaient plus qu'heureux de proposer de modifier l'UI pour utiliser des composants Ant.

This.
Alors que le système de grille de BS, c’est… 200 voire 250 lignes de css, that’s all :]

On utilise Ant dans ma boite aussi, pratique pour les gens qui veulent pas s'emmerder avec le CSS, chiant pour les gens qui savent ce qu'ils font la plupart du temps.

Pratique pour certains composants par exemple datepicker etc, chiant pour les trucs comme les forms, grid etc. Extremement chiant pour personnaliser aussi, ces libs (bootstrap, material-ui, ant) c'est bien pour livrer des trucs vite, pour une vraie appli avec un design un peu plus pousse c'est chiant

Les mecs qui utilisent bootstrap pour un site design mériteraient le pal.
Au pire la grille et encore, leur grille est mal conçue je trouve et en général il n'y en a pas trop besoin pour faire du responsive.

 
Ben c'est pas différent entre ça ou utiliser n'importe quel GUI pour du desktop, comme par exemple QT ou autre... C'est pas fait pour faire du design. Tu peux changer les couleurs, jouer un peu sur les backgrounds, sur les style des boutons etc... C'est pas fait pour fair des "designs poussés".  
 
Sur des applies métiers, ce qui compte surtout, c'est que ce soit facile à utiliser pour l'utilisateur et que celui-ci retrouve une UI dont il a l'habitude et prévisible.

Qu’est ce que tu proposes en mieux que BS pour la grille ?
BS3 c’était bof, mais depuis BS4 et les flexs, c’est le mini pour pas s’emmerder avec les histoires de colonnes.

Ya aussi que 95% des utilisateurs de framework CSS incluent 100% du framework en include css plutôt que de choisir les imports sass qui vont bien...

Ceux là s'emmerdent pas a réinventer la roue effectivement !

 
Exactement.

Ma grille, elle prend 15 lignes de css à coder environ.
Et perso, je la divise par 2, 3, 4. Le reste ne me sert jamais.
 
Puis dans tous les cas, une div bien cut (flex, flex wrap et mets les enfants en %) ça prend grosso modo 30sec a dev
 
Jamais compris l’utilité de BS si c’est pour le custom comme un porc et devoir t’amuser avec !important dans tous les sens...
 
Quand je l’utilise, je l’utilise sans aucun custom car c’est pour un poc par exemple.

T’as bien de la chance de pouvoir faire des poc avec un FW CSS sans custom, ici, les poc c’est forcément avec du design
Sinon je rejoins ton avis, une grille bien faite, j’y rajoute des helpers d’orders / align et de breakpoints

 
Ant Design n’est pas un framework CSS.

C'était un POC en perso
 
Si vous voulez le code de ma grille, en gros ce que je fais :
 
https://codepen.io/Aewil/pen/ZEeQgLJ
 
J'ai pas rajouté les mixins, j'arrive pas à les retrouver sur mon git
 
Avec styled-components et les themes, je les utilise plus beaucoup.

c'est moche

Je sais

Après certains aiment bien split avec des Row, y a pas de meilleur solution je dirais, les rows te donnent un niveau de gestion supplémentaire mais jamais eu l'utilité pour l'instant.

display: grid c'est pas mal sinon hein

J’aime pas vraiment, je préfère travailler en uni-directionnel pour ma part, ma grid étant utilisé par tous les components et pas seulement le layout.
 
Si je me trompe pas, en gris, tu dois largement plus gérer au cas par cas avec plus de properties que pour flex.
 
C’est sûrement pour ces raisons que BS se base sur flex.
 

BS 4 se base sur flex pour des raisons de compatibilité IE 11 tout simplement, ils avaient pas le choix. Après grid faut prendre en main c'est pas si simple oui. Et puis maintenant gap tourne aussi sur flex donc ne pas savoir grid n'est pas si grave

 
Intéressant ! ouai l'idée c'est que l'équipe design conçoive aussi avec la doc et les composants fournis avec le framework (sous XD). D'ailleurs y'a un mode Pro j'ai vu, vous l'utilisiez ? sinon je viens de voir que Ant est fait en LESS ? pfff ça c'est vraiment un point noir pour moi. Qui code en LESS aujourd'hui ?  

Quelqu'un a testé petite-vue
https://github.com/vuejs/petite-vue

Pour faire des micro composant au milieu d'une page statique / générée côté serveur

Je me réjouis de voir les fork vue-qui-baisse, presbyte, longue-vue, déjà-vue

Non mais ça a l’air intéressant, généralement j’ai utilisé react pour ce use-case (quand le besoin était trop gros / complexe pour que du builtin soit comfortable).

je pense que ça pourrait effectivement être bien sexy
Je crois que shinuza avait parlé de cette approche aussi

On fera jamais mieux que le FUN intersidéral des mecs de Ruby:
 
https://github.com/ruby-amqp/bunny
 
Pour RabbitMQ.
 
https://github.com/jnunemaker/httparty
 
Pour faire des requetes HTTP.
 
La liste est longue  

j'ai vérifié, et je suis extrêmement surpris que personne n'ai sortie deja-vue. Vu la passion des américains pour cette expression

Oué, l'idée c'était de dynamiser certaines zones d'une page sans faire de SPA systématiquement

Qué s'appelerio AJAX

AJAX c'est faire des requêtes HTTP depuis le JS, c'est orthogonal. Les SPAs font "de l'AJAX".

L'idée de dynamiser certaines zones d'une page sans pour autant faire des SPA, c'est du DHTML

Le bon vieux temps  

Old times

C'est l'histoire de la vie, le cycle éternel

Quelqu’un sait si les navigateurs configurent les headers de manière spécifique quand une requête est faite pour / par un tag img comparé à d’autres contextes?