{"id":641,"date":"2025-04-06T21:56:14","date_gmt":"2025-04-06T19:56:14","guid":{"rendered":"https:\/\/antillestores.fr\/cms\/wordpress\/?p=641"},"modified":"2025-04-06T22:55:33","modified_gmt":"2025-04-06T20:55:33","slug":"production-de-composants-web","status":"publish","type":"post","link":"https:\/\/antillestores.fr\/cms\/wordpress\/?p=641","title":{"rendered":"Production de composants web"},"content":{"rendered":"\n<p><a href=\"https:\/\/github.com\/bougassaa\/react-to-html-element\" target=\"_blank\" rel=\"noreferrer noopener\">React-to-html-element<\/a> transforme un composant React en composant Web.<\/p>\n\n\n\n<p>J&rsquo;ai ainsi test\u00e9 cet outil en convertissant quelques biblioth\u00e8ques r\u00e9put\u00e9es comme :<\/p>\n\n\n\n<div class=\"wp-block-columns\">\n<div class=\"wp-block-column\">\n<ul><li><a href=\"https:\/\/www.visactor.io\/\" target=\"_blank\" rel=\"noreferrer noopener\">VisActor<\/a><\/li><li><a href=\"https:\/\/semi.design\/en-US\" target=\"_blank\" rel=\"noreferrer noopener\">Semi.design<\/a><\/li><li><a href=\"https:\/\/signaldb.js.org\/\" target=\"_blank\" rel=\"noreferrer noopener\">SignalDB<\/a><\/li><li><a href=\"https:\/\/ant.design\/\" target=\"_blank\" rel=\"noreferrer noopener\">Ant Design<\/a><\/li><\/ul>\n<\/div>\n<\/div>\n\n\n\n<p>Enfin pour faire communiquer ses composants entre eux ,j&rsquo;utiliserais l&rsquo;outil <a href=\"https:\/\/reef.gomakethings.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Reef<\/a> :<\/p>\n\n\n\n<p>Une biblioth\u00e8que l\u00e9g\u00e8re pour cr\u00e9er des composants et une interface utilisateur r\u00e9actifs et bas\u00e9s sur l&rsquo;\u00e9tat.<\/p>\n\n\n\n<p>Voici la d\u00e9monstration web :<\/p>\n\n\n\n<p><a href=\"https:\/\/composantweb.antillestores.fr\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/composantweb.antillestores.fr\/<\/a><\/p>\n\n\n\n<p>Voici la vid\u00e9o explicative:<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Production de composants web avec React\" width=\"660\" height=\"371\" src=\"https:\/\/www.youtube.com\/embed\/v0amNhkaEv0?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>React-to-html-element transforme un composant React en composant Web. J&rsquo;ai ainsi test\u00e9 cet outil en convertissant quelques biblioth\u00e8ques r\u00e9put\u00e9es comme : VisActor Semi.design SignalDB Ant Design Enfin pour faire communiquer ses composants entre eux ,j&rsquo;utiliserais l&rsquo;outil Reef : Une biblioth\u00e8que l\u00e9g\u00e8re pour cr\u00e9er des composants et une interface utilisateur r\u00e9actifs et bas\u00e9s sur l&rsquo;\u00e9tat. Voici la &hellip; <a href=\"https:\/\/antillestores.fr\/cms\/wordpress\/?p=641\" class=\"more-link\">Continuer la lecture de <span class=\"screen-reader-text\">Production de composants web<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[72,41],"tags":[],"_links":{"self":[{"href":"https:\/\/antillestores.fr\/cms\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/641"}],"collection":[{"href":"https:\/\/antillestores.fr\/cms\/wordpress\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/antillestores.fr\/cms\/wordpress\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/antillestores.fr\/cms\/wordpress\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/antillestores.fr\/cms\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=641"}],"version-history":[{"count":13,"href":"https:\/\/antillestores.fr\/cms\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/641\/revisions"}],"predecessor-version":[{"id":654,"href":"https:\/\/antillestores.fr\/cms\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/641\/revisions\/654"}],"wp:attachment":[{"href":"https:\/\/antillestores.fr\/cms\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=641"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/antillestores.fr\/cms\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=641"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/antillestores.fr\/cms\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=641"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}