# React et CSS (Theme UI) **URL:** \ **Category:** Entraide – Général\ **Tags:** javascript, react, programmation\ **Created:** [Octobre 5, 2019, 7:43 UTC](https://forumsdulibre.quebec/t/react-et-css-theme-ui/915 "2019-10-05T19:43:59Z")\ **Posts on this page:** 14\ **Page:** 1
**Author:** ![millette](https://forumsdulibre.quebec/user_avatar/forumsdulibre.quebec/millette/32/444_2.png) [@millette](https://forumsdulibre.quebec/u/millette)\ **Post date:** [Octobre 5, 2019, 7:43 UTC](https://forumsdulibre.quebec/t/react-et-css-theme-ui/915/1 "2019-10-05T19:43:59Z")
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. > ---
**Author:** ![sebhtml](https://forumsdulibre.quebec/user_avatar/forumsdulibre.quebec/sebhtml/32/125_2.png) [@sebhtml](https://forumsdulibre.quebec/u/sebhtml)\ **Post date:** [Octobre 8, 2019, 1:57 UTC](https://forumsdulibre.quebec/t/react-et-css-theme-ui/915/2 "2019-10-08T13:57:11Z")
> [@millette](#): > > Est-ce qu’il y a des programmeurs JavaScript ici qui utilise React et une approche _Styled System_ au CSS? Fais-tu du React Native avec ça ? ---
**Author:** ![millette](https://forumsdulibre.quebec/user_avatar/forumsdulibre.quebec/millette/32/444_2.png) [@millette](https://forumsdulibre.quebec/u/millette)\ **Post date:** [Octobre 8, 2019, 5:54 UTC](https://forumsdulibre.quebec/t/react-et-css-theme-ui/915/3 "2019-10-08T17:54:24Z")
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 🙂 @sebhtml Pourquoi demandes-tu? ---
**Author:** ![sebhtml](https://forumsdulibre.quebec/user_avatar/forumsdulibre.quebec/sebhtml/32/125_2.png) [@sebhtml](https://forumsdulibre.quebec/u/sebhtml)\ **Post date:** [Octobre 9, 2019, 1:50 UTC](https://forumsdulibre.quebec/t/react-et-css-theme-ui/915/4 "2019-10-09T13:50:09Z")
J’avais fait un peu de AngulasJS. React a l’air populaire. À [Cabane.io](https://cabane.io/), c’était le Kotlin qui était populaire. ---
**Author:** ![millette](https://forumsdulibre.quebec/user_avatar/forumsdulibre.quebec/millette/32/444_2.png) [@millette](https://forumsdulibre.quebec/u/millette)\ **Post date:** [Octobre 9, 2019, 9:11 UTC](https://forumsdulibre.quebec/t/react-et-css-theme-ui/915/5 "2019-10-09T21:11:37Z")
Oui, c’est pas tant une question de quel est le plus meilleur framework JS 😉 Je commence à peine à utiliser [Theme UI](https://theme-ui.com/), j’ai fait quelques tests: > **[millette/tu](https://github.com/millette/tu)** > > Contribute to millette/tu development by creating an account on GitHub. Et j’espérais quelqu’un qui avait gossé avec cette approche. ---
**Author:** ![sebhtml](https://forumsdulibre.quebec/user_avatar/forumsdulibre.quebec/sebhtml/32/125_2.png) [@sebhtml](https://forumsdulibre.quebec/u/sebhtml)\ **Post date:** [Octobre 10, 2019, 2:05 UTC](https://forumsdulibre.quebec/t/react-et-css-theme-ui/915/6 "2019-10-10T14:05:28Z")
La présence du fichier [package.json](https://github.com/millette/tu/blob/master/package.json), ça veut dire qu’il faut utiliser npm, c’est ça ? As-tu déployé ta démo sur [github.io](http://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. ---
**Author:** ![millette](https://forumsdulibre.quebec/user_avatar/forumsdulibre.quebec/millette/32/444_2.png) [@millette](https://forumsdulibre.quebec/u/millette)\ **Post date:** [Octobre 10, 2019, 2:14 UTC](https://forumsdulibre.quebec/t/react-et-css-theme-ui/915/7 "2019-10-10T14:14:11Z")
> [@sebhtml](#): > > La présence du fichier [package.json](https://github.com/millette/tu/blob/master/package.json), ça veut dire qu’il faut utiliser npm, c’est ça ? Oui, je patauge pas mal dans nodejs depuis quelques années. > [@sebhtml](#): > > As-tu déployé ta démo sur [github.io](http://github.io) comme le monde le fait souvent ? (avec une branche git nommée gh-pages je crois). Non, parce que ce projet dépend d’un serveur nodejs tandis que github offre l’hébergement statique seulement. > [@sebhtml](#): > > Sinon, je n’ai pas expérimenté avec cette approche. 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. ---
**Author:** ![millette](https://forumsdulibre.quebec/user_avatar/forumsdulibre.quebec/millette/32/444_2.png) [@millette](https://forumsdulibre.quebec/u/millette)\ **Post date:** [Octobre 10, 2019, 2:21 UTC](https://forumsdulibre.quebec/t/react-et-css-theme-ui/915/8 "2019-10-10T14:21:01Z")
> [@sebhtml](#): > > As-tu déployé ta démo sur [github.io](http://github.io) comme le monde le fait souvent ? Comme je disais, pas pour ce projet, mais j’ai utilisé `gh-pages` à quelques reprises, dont [https://millette.github.io/dd33-b/#sebhtml](https://millette.github.io/dd33-b/#sebhtml) 🙂 ---
**Author:** ![sebhtml](https://forumsdulibre.quebec/user_avatar/forumsdulibre.quebec/sebhtml/32/125_2.png) [@sebhtml](https://forumsdulibre.quebec/u/sebhtml)\ **Post date:** [Octobre 10, 2019, 2:51 UTC](https://forumsdulibre.quebec/t/react-et-css-theme-ui/915/9 "2019-10-10T14:51:54Z")
Ça me rappelle ce projet en Javascript / canvas que j’avais écrit: [http://sebhtml.github.io/force-graph/](http://sebhtml.github.io/force-graph/) ---
**Author:** ![millette](https://forumsdulibre.quebec/user_avatar/forumsdulibre.quebec/millette/32/444_2.png) [@millette](https://forumsdulibre.quebec/u/millette)\ **Post date:** [Octobre 10, 2019, 3:37 UTC](https://forumsdulibre.quebec/t/react-et-css-theme-ui/915/10 "2019-10-10T15:37:18Z")
Finalement, j’ai cette page sur ghpages: [https://millette.github.io/tu/p3](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. ---
**Author:** ![millette](https://forumsdulibre.quebec/user_avatar/forumsdulibre.quebec/millette/32/444_2.png) [@millette](https://forumsdulibre.quebec/u/millette)\ **Post date:** [Octobre 10, 2019, 3:41 UTC](https://forumsdulibre.quebec/t/react-et-css-theme-ui/915/11 "2019-10-10T15:41:30Z")
> [@sebhtml](#): > > Ça me rappelle ce projet en Javascript / canvas que j’avais écrit Oh, c’est smooth, 8 ans déjà! Dans mon cas ça repose sur d3 mais ça utilise le data _live_ de GitHub. ---
**Author:** ![millette](https://forumsdulibre.quebec/user_avatar/forumsdulibre.quebec/millette/32/444_2.png) [@millette](https://forumsdulibre.quebec/u/millette)\ **Post date:** [Novembre 28, 2019, 2:43 UTC](https://forumsdulibre.quebec/t/react-et-css-theme-ui/915/12 "2019-11-28T02:43:23Z")
J’ai progressé dans Theme-UI, cette fois via le [générateur de site statique (avancé!) Gatsby](https://www.gatsbyjs.org/). Ç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): > **[Home](https://millette.github.io/lucubro/)** > > My 30 year journey coding hundreds of projects. ---
**Author:** ![sebhtml](https://forumsdulibre.quebec/user_avatar/forumsdulibre.quebec/sebhtml/32/125_2.png) [@sebhtml](https://forumsdulibre.quebec/u/sebhtml)\ **Post date:** [Novembre 28, 2019, 5:27 UTC](https://forumsdulibre.quebec/t/react-et-css-theme-ui/915/13 "2019-11-28T17:27:37Z")
Gatsby, est-ce que c’est similaire à Jekyll au niveau des fonctionnalités ? ---
**Author:** ![millette](https://forumsdulibre.quebec/user_avatar/forumsdulibre.quebec/millette/32/444_2.png) [@millette](https://forumsdulibre.quebec/u/millette)\ **Post date:** [Novembre 28, 2019, 6:35 UTC](https://forumsdulibre.quebec/t/react-et-css-theme-ui/915/14 "2019-11-28T18:35:02Z")
@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](https://jamstack.org/). **UPDATE** J’ai aussi fait le [bottin des développeurs du Québec](http://dev.rollodeqc.com/fr/) avec Gatsby.