React et CSS (Theme UI)

Est-ce qu’il y a des programmeurs JavaScript ici qui utilise React et une approche Styled System au CSS?

J’ai mis quelques références dans ce document mais en gros, c’est un aspect que je n’ai pas vraiment explorer encore et j’aimerais pouvoir en discuter.

Fais-tu du React Native avec ça ?

Juste du React immigrant. La dernière fois que j’ai fais des apps pour mobiles c’était avec cordova dans le temps de Android 1-2. Ça doit faire 2-3 ans que mon dernier téléphone a explosé. Je l’ai remplacé par un cossin à 20$ et je m’en porte fort bien :slight_smile:

@sebhtml Pourquoi demandes-tu?

J’avais fait un peu de AngulasJS.

React a l’air populaire.

À Cabane.io, c’était le Kotlin qui était populaire.

Oui, c’est pas tant une question de quel est le plus meilleur framework JS :wink:

Je commence à peine à utiliser Theme UI, j’ai fait quelques tests:

Et j’espérais quelqu’un qui avait gossé avec cette approche.

La présence du fichier package.json, ça veut dire qu’il faut utiliser npm, c’est ça ?

As-tu déployé ta démo sur github.io comme le monde le fait souvent ? (avec une branche git nommée gh-pages je crois).

Sinon, je n’ai pas expérimenté avec cette approche.

Oui, je patauge pas mal dans nodejs depuis quelques années.

Non, parce que ce projet dépend d’un serveur nodejs tandis que github offre l’hébergement statique seulement.

Merci quand même. J’ai un peu avancé depuis mais le css/design c’est en général le dernier de mes soucis, alors ça me prend pas mal plus de temps.

Comme je disais, pas pour ce projet, mais j’ai utilisé gh-pages à quelques reprises, dont https://millette.github.io/dd33-b/#sebhtml :slight_smile:

Ça me rappelle ce projet en Javascript / canvas que j’avais écrit:

http://sebhtml.github.io/force-graph/

Finalement, j’ai cette page sur ghpages: https://millette.github.io/tu/p3. Je dis bien «cette page», la navigation est un peu kaput, mais c’est suffisant pour montrer où j’en suis.

Oh, c’est smooth, 8 ans déjà! Dans mon cas ça repose sur d3 mais ça utilise le data live de GitHub.

J’ai progressé dans Theme-UI, cette fois via le générateur de site statique (avancé!) Gatsby. Ça m’a permis (avec un petit script à publier) de générer assez facilement plusieurs palettes de couleurs. On peut voir le résultat sur une autre démo (le contenu viendra):

Gatsby, est-ce que c’est similaire à Jekyll au niveau des fonctionnalités ?

@sebhtml Je ne connais pas tellement Jekyll (j’ai touché 2-3 fois à Ruby/RoR dans ma vie seulement) mais Gatsby c’est très moderne:en bâtissant sur React et GraphQL. C’est dans la lignée JAMstack.

UPDATE J’ai aussi fait le bottin des développeurs du Québec avec Gatsby.