[{"data":1,"prerenderedAt":310},["ShallowReactive",2],{"i-ic:outline-arrow-upward":3,"Footer_afPiwGMwNiEyV4syWzw87ovzxHAgs4iwKtCn4zqBf8E":8,"episode-\u002Fpodcasts\u002Fnews24w3":16,"github-sponsor":212,"i-material-symbols:home":287,"i-ic:baseline-play-circle-filled-white":289,"i-material-symbols:ios-share":291,"i-cbi:deezer-logo":293,"i-vscode-icons:file-type-rss":295,"i-ri:heart-3-fill":298,"Brand_dlIOZD2O03VXPoFYukMOJnSnZRMTmJ0YwMKY5fNK8":300,"Duration_k7Xn9leHr04uJ8PN73tg7gq7DgAoEeHuYTnaZgOIQ":305},{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":7},0,24,false,"\u003Cpath fill=\"currentColor\" d=\"m4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8z\"\u002F>",["Island",9],{"key":10,"result":11},"Footer_afPiwGMwNiEyV4syWzw87ovzxHAgs4iwKtCn4zqBf8E",{"head":12},{"style":13},[14],{"innerHTML":15},":where(.i-mdi\\:github){display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url(\"data:image\u002Fsvg+xml,%3Csvg xmlns='http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 2A10 10 0 0 0 2 12c0 4.42 2.87 8.17 6.84 9.5c.5.08.66-.23.66-.5v-1.69c-2.77.6-3.36-1.34-3.36-1.34c-.46-1.16-1.11-1.47-1.11-1.47c-.91-.62.07-.6.07-.6c1 .07 1.53 1.03 1.53 1.03c.87 1.52 2.34 1.07 2.91.83c.09-.65.35-1.09.63-1.34c-2.22-.25-4.55-1.11-4.55-4.92c0-1.11.38-2 1.03-2.71c-.1-.25-.45-1.29.1-2.64c0 0 .84-.27 2.75 1.02c.79-.22 1.65-.33 2.5-.33s1.71.11 2.5.33c1.91-1.29 2.75-1.02 2.75-1.02c.55 1.35.2 2.39.1 2.64c.65.71 1.03 1.6 1.03 2.71c0 3.82-2.34 4.66-4.57 4.91c.36.31.69.92.69 1.85V21c0 .27.16.59.67.5C19.14 20.16 22 16.42 22 12A10 10 0 0 0 12 2'\u002F%3E%3C\u002Fsvg%3E\")}",{"id":17,"title":18,"author":19,"body":20,"categories":186,"description":188,"dsSlug":189,"duration":190,"episodeArtwork":191,"episodeNumber":192,"episodeType":193,"explicit":6,"extension":194,"guid":195,"links":196,"meta":197,"navigation":198,"path":199,"publicationDate":200,"season":201,"seo":202,"status":203,"stem":204,"subtitle":205,"tags":206,"videoLink":210,"__hash__":211},"podcasts\u002Fpodcasts\u002F080.news24w3\u002Findex.md","Les News Web Dev janvier 2024 numéro 3","Double Slash",{"type":21,"value":22,"toc":168},"minimark",[23,28,40,44,48,56,59,67,70,78,82,85,93,97,105,109,112,121,124,132,135,138,141,151,155,159,165],[24,25,27],"h2",{"id":26},"les-5-nouveautés-css-quun-dev-front-doit-maîtriser-en-2024","Les 5 nouveautés CSS qu'un dev front doit maîtriser en 2024",[29,30,31],"ul",{},[32,33,34],"li",{},[35,36,37],"a",{"href":37,"rel":38},"https:\u002F\u002Fweb.dev\u002Farticles\u002F5-css-snippets-every-front-end-developer-should-know-in-2024",[39],"nofollow",[24,41,43],{"id":42},"version-6-du-framework-js-adonis-sort-le-24-janvier-2024","Version 6 du framework JS Adonis sort le 24 janvier 2024",[45,46,47],"p",{},"Au moment où vous allez écouter ce podcast, la version 6 du framework JS Adonis sera sortie.",[29,49,50],{},[32,51,52],{},[35,53,54],{"href":54,"rel":55},"https:\u002F\u002Fadonisjs.com\u002Froad-to-v6",[39],[45,57,58],{},"Le tweet d'annonce:",[29,60,61],{},[32,62,63],{},[35,64,65],{"href":65,"rel":66},"https:\u002F\u002Ftwitter.com\u002Famanvirk1\u002Fstatus\u002F1748594799693746449?s=61&t=YYf8KAndGuh64i-gZKPISQ",[39],[45,68,69],{},"La discussion sur Github:",[29,71,72],{},[32,73,74],{},[35,75,76],{"href":76,"rel":77},"https:\u002F\u002Fgithub.com\u002Fadonisjs\u002Fcore\u002Fdiscussions\u002F4184",[39],[24,79,81],{"id":80},"nextjs-en-version-141","NextJS en version 14.1",[45,83,84],{},"Pas de grosse révolution mais quelques améliorations intéressantes :",[29,86,87],{},[32,88,89],{},[35,90,91],{"href":91,"rel":92},"https:\u002F\u002Fnextjs.org\u002Fblog\u002Fnext-14-1",[39],[24,94,96],{"id":95},"chrome-121-supporte-scrollbar-width-et-color","Chrome 121 supporte scrollbar width et color.",[29,98,99],{},[32,100,101],{},[35,102,103],{"href":103,"rel":104},"https:\u002F\u002Ftwitter.com\u002Fbramus\u002Fstatus\u002F1747685858059178490?s=61&t=pV7iYFkicRljwEIAouRpqA",[39],[24,106,108],{"id":107},"la-communauté-react-inquiète-pour-lavenir-de-react","La communauté React inquiète pour l’avenir de React",[45,110,111],{},"Ça grogne dans la communauté React :",[113,114,116,117],"h3",{"id":115},"lettre-de-cassidy-williams-httpsblogcassidoocopostannoyed-at-react","Lettre de Cassidy Williams ",[35,118,119],{"href":119,"rel":120},"https:\u002F\u002Fblog.cassidoo.co\u002Fpost\u002Fannoyed-at-react\u002F",[39],[45,122,123],{},"Elle se plaint de la complexité croissante de React. Manque de communication avec la communauté. Longue période sans nouvelle version. Le fait de pousser à utiliser un framework et la migration d’une partie de l’équipe de React chez Vercel.",[113,125,127,128],{"id":126},"lettre-de-mateo-frana-httpsdevtomatfranareact-where-are-you-going-5284","Lettre de Mateo Frana ",[35,129,130],{"href":130,"rel":131},"https:\u002F\u002Fdev.to\u002Fmatfrana\u002Freact-where-are-you-going-5284",[39],[45,133,134],{},"Lui aussi ce plein de la complexité croissante avec l’introduction des server components, les server actions.",[45,136,137],{},"il s’inquiète de la collaboration accrue entre l’équipe React et Vercel.",[45,139,140],{},"Suggère la création d’un framework communautaire sans entreprise privée derrière.",[142,143,144],"blockquote",{},[45,145,146,150],{},[147,148,149],"strong",{},"I fell in love with React in 2016"," when Angular announced Angular 2 and we were worried about the breaking changes.",[24,152,154],{"id":153},"tool","Tool",[113,156,158],{"id":157},"lucide-une-librairie-dicônes","Lucide, une librairie d’icônes",[45,160,161],{},[35,162,163],{"href":163,"rel":164},"https:\u002F\u002Flucide.dev\u002F",[39],[45,166,167],{},"Bonne écoute !",{"title":169,"searchDepth":170,"depth":170,"links":171},"",2,[172,173,174,175,176,183],{"id":26,"depth":170,"text":27},{"id":42,"depth":170,"text":43},{"id":80,"depth":170,"text":81},{"id":95,"depth":170,"text":96},{"id":107,"depth":170,"text":108,"children":177},[178,181],{"id":115,"depth":179,"text":180},3,"Lettre de Cassidy Williams https:\u002F\u002Fblog.cassidoo.co\u002Fpost\u002Fannoyed-at-react\u002F",{"id":126,"depth":179,"text":182},"Lettre de Mateo Frana https:\u002F\u002Fdev.to\u002Fmatfrana\u002Freact-where-are-you-going-5284",{"id":153,"depth":170,"text":154,"children":184},[185],{"id":157,"depth":179,"text":158},[187],"Technology","Troisième épisode de news pour janvier 2024 ! Nous évoquons les nouveautés CSS, la sortie de la version 6 du framework JS Adonis, la version 14.1 de NextJS, le support de scrollbar width et color dans Chrome 121 et les inquiétudes de la communauté React pour l’avenir de React.","DS_080_news24w3",1613,"https:\u002F\u002Fres.cloudinary.com\u002Fdoubleslash\u002Fimage\u002Fupload\u002Fv1706043639\u002Fepisode\u002FART_80_yfrelp.png",80,"full","md",null,[],{},true,"\u002Fpodcasts\u002Fnews24w3","2024-01-24",1,{"title":18,"description":188},"published","podcasts\u002F080.news24w3\u002Findex","Épisode news numéro 3 pour janvier 2024",[207,208,209],"css","adonis","nextjs","R3x-SSX3KBU","wesDIPYFBtWkrk_XMYCuFJueYvBgfUwn280DNa-IsAI",{"data":213},{"organization":214},{"sponsorsListing":215},{"name":216,"fullDescriptionHTML":217,"url":218,"shortDescription":219,"activeGoal":220,"isPublic":198,"sponsorable":224},"sponsors-double-slash-podcast","\u003Cp>Le podcast des dev pour dev par des dev !\u003C\u002Fp>\n\u003Cp>Des podcasts et des videos sur les technologie WEB modernes.\u003C\u002Fp>\n\u003Cp>A deux ou avec un invité, on discute des tendances, des nouvelles technologies, des meilleures pratiques actuelles.\u003C\u002Fp>\n\u003Cp>🎥 \u003Ca href=\"https:\u002F\u002Fwww.youtube.com\u002Fchannel\u002FUCp5DGBAX2XNJXeOVAo7bICQ\">Youtube\u003C\u002Fa>\u003Cbr>\n🎙️ \u003Ca href=\"https:\u002F\u002Fspoti.fi\u002F317wtvD\">Spotify\u003C\u002Fa> ▪️ \u003Ca href=\"https:\u002F\u002Fapple.co\u002F3fTguFo\">Apple Podcast\u003C\u002Fa> ▪️ \u003Ca href=\"https:\u002F\u002Fbit.ly\u002F3i0hDgy\">Deezer\u003C\u002Fa> ▪️ \u003Ca href=\"https:\u002F\u002Fbit.ly\u002F31aKKYd\">Google Podcast\u003C\u002Fa>\u003Cbr>\n🌐 \u003Ca href=\"https:\u002F\u002Fdouble-slash.dev\u002F\">Double Slash DEV\u003C\u002Fa>\u003C\u002Fp>","https:\u002F\u002Fgithub.com\u002Fsponsors\u002Fdouble-slash-podcast","Le podcast des dev pour les dev par des dev !",{"description":221,"percentComplete":222,"targetValue":222,"title":223},"L'ensemble des charges seront couvertes. Service de stockage et abonnement aux services utilisés.",70,"$70 per month",{"sponsors":225},{"edges":226},[227,233,239,245,251,257,263,269,275,281],{"node":228},{"id":229,"name":230,"url":231,"avatarUrl":232},"MDQ6VXNlcjEwMDMwNw==","Clément Delmas","https:\u002F\u002Fgithub.com\u002Fclem","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F100307?u=878ed4b7cdf920879b57046f19e434fea2c7d296&v=4",{"node":234},{"id":235,"name":236,"url":237,"avatarUrl":238},"MDQ6VXNlcjI3NTYwOQ==","Thibaud Lepretre","https:\u002F\u002Fgithub.com\u002Fkakawait","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F275609?v=4",{"node":240},{"id":241,"name":242,"url":243,"avatarUrl":244},"MDQ6VXNlcjE5MTQxNjA=","David Pollet","https:\u002F\u002Fgithub.com\u002Fdavidpollet","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F1914160?u=4b3da16383b9fa810fd0980f756000709403ab45&v=4",{"node":246},{"id":247,"name":248,"url":249,"avatarUrl":250},"MDQ6VXNlcjYzMzMzOTY=","Eric","https:\u002F\u002Fgithub.com\u002Fericledonge","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F6333396?u=e9e541a6b9125d8e8b558fdd914c847eb36db695&v=4",{"node":252},{"id":253,"name":254,"url":255,"avatarUrl":256},"MDQ6VXNlcjg4OTk3Njg=","François Gardien","https:\u002F\u002Fgithub.com\u002FYoutch","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F8899768?u=85ae8c4299c380bcec02e99e9364624f3ce333c7&v=4",{"node":258},{"id":259,"name":260,"url":261,"avatarUrl":262},"MDQ6VXNlcjEwMTc2NjI2","Antharuu","https:\u002F\u002Fgithub.com\u002Fantharuu","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F10176626?u=3f6ef490b330d5a9bbaa3137560b5d1d4cf13a4a&v=4",{"node":264},{"id":265,"name":266,"url":267,"avatarUrl":268},"MDQ6VXNlcjEwMTg2OTkz","Adrien Zaganelli","https:\u002F\u002Fgithub.com\u002FadrienZ","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F10186993?u=08189ef8cf708a61445b6a57cf7a2aa361d484af&v=4",{"node":270},{"id":271,"name":272,"url":273,"avatarUrl":274},"MDQ6VXNlcjI2MTQyMzgz","Thomas Lemoine","https:\u002F\u002Fgithub.com\u002Fthomaslemoine","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F26142383?u=4c68175459b0ae1f8c68c48c40f2ae148747675d&v=4",{"node":276},{"id":277,"name":278,"url":279,"avatarUrl":280},"MDQ6VXNlcjY1NzM3MTMx","Valentin Grenier","https:\u002F\u002Fgithub.com\u002Fvalentin-grenier","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F65737131?u=0ba0cc828412f6655a948c6a82f69b9c909f8fd9&v=4",{"node":282},{"id":283,"name":284,"url":285,"avatarUrl":286},"U_kgDOBipZwA","Hebrard Frederic","https:\u002F\u002Fgithub.com\u002Ffrederichebrard","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F103438784?v=4",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":288},"\u003Cpath fill=\"currentColor\" d=\"M4 21V9l8-6l8 6v12h-6v-7h-4v7z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":290},"\u003Cpath fill=\"currentColor\" d=\"M12 2C6.475 2 2 6.475 2 12s4.475 10 10 10s10-4.475 10-10S17.525 2 12 2m-2 14.5v-9l6 4.5z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":292},"\u003Cpath fill=\"currentColor\" d=\"M6 22q-.825 0-1.412-.587T4 20V10q0-.825.588-1.412T6 8h3v2H6v10h12V10h-3V8h3q.825 0 1.413.588T20 10v10q0 .825-.587 1.413T18 22zm5-6V4.825l-1.6 1.6L8 5l4-4l4 4l-1.4 1.425l-1.6-1.6V16z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":294},"\u003Cpath fill=\"currentColor\" d=\"M18.774 5.051c.185-1.072.457-1.747.757-1.748c.561 0 1.015 2.341 1.015 5.228s-.455 5.229-1.016 5.229c-.23 0-.443-.4-.614-1.064c-.27 2.439-.831 4.115-1.48 4.115c-.5 0-.953-1.007-1.256-2.594c-.207 3.018-.727 5.161-1.334 5.161c-.381 0-.73-.848-.987-2.231C13.55 20 12.834 22 12 22s-1.551-2-1.86-4.853c-.255 1.383-.6 2.231-.986 2.231c-.609 0-1.128-2.142-1.335-5.161c-.3 1.587-.752 2.594-1.256 2.594c-.649 0-1.21-1.676-1.481-4.115c-.169.668-.382 1.064-.613 1.064c-.562 0-1.017-2.34-1.017-5.229S3.908 3.3 4.471 3.3c.3 0 .57.676.758 1.748C5.527 3.2 6.014 2 6.564 2c.653 0 1.219 1.7 1.487 4.168c.262-1.8.658-2.941 1.1-2.941c.624 0 1.154 2.252 1.351 5.393C10.874 7.01 11.41 6 12 6s1.128 1.011 1.5 2.62c.2-3.141.727-5.393 1.351-5.393c.444 0 .84 1.145 1.1 2.941C16.219 3.7 16.785 2 17.439 2c.547 0 1.035 1.2 1.335 3.051m-16.2 5.3C2.258 10.355 2 9.31 2 8.017s.258-2.337.576-2.337s.578 1.044.578 2.337s-.254 2.338-.578 2.338Zm18.848 0c-.32 0-.577-1.045-.577-2.338s.257-2.337.577-2.337S22 6.724 22 8.017s-.258 2.338-.576 2.338Z\"\u002F>",{"left":4,"top":4,"width":296,"height":296,"rotate":4,"vFlip":6,"hFlip":6,"body":297},32,"\u003Cdefs>\u003ClinearGradient id=\"SVGvSi4fdXe\" x1=\"30.06\" x2=\"225.94\" y1=\"30.06\" y2=\"225.94\" gradientTransform=\"matrix(.11 0 0 .11 2 2)\" gradientUnits=\"userSpaceOnUse\">\u003Cstop offset=\"0\" stop-color=\"#e3702d\"\u002F>\u003Cstop offset=\".11\" stop-color=\"#ea7d31\"\u002F>\u003Cstop offset=\".35\" stop-color=\"#f69537\"\u002F>\u003Cstop offset=\".5\" stop-color=\"#fb9e3a\"\u002F>\u003Cstop offset=\".7\" stop-color=\"#ea7c31\"\u002F>\u003Cstop offset=\".89\" stop-color=\"#de642b\"\u002F>\u003Cstop offset=\"1\" stop-color=\"#d95b29\"\u002F>\u003C\u002FlinearGradient>\u003C\u002Fdefs>\u003Crect width=\"28\" height=\"28\" x=\"2\" y=\"2\" fill=\"#cc5d15\" rx=\"6.01\" ry=\"6.01\"\u002F>\u003Crect width=\"26.91\" height=\"26.91\" x=\"2.54\" y=\"2.54\" fill=\"#f49c52\" rx=\"5.47\" ry=\"5.47\"\u002F>\u003Crect width=\"25.82\" height=\"25.82\" x=\"3.1\" y=\"3.1\" fill=\"url(#SVGvSi4fdXe)\" rx=\"5.14\" ry=\"5.14\"\u002F>\u003Cpath fill=\"#fff\" d=\"M6.82 6.16v3.83a15.31 15.31 0 0 1 15.3 15.3h3.83A19.14 19.14 0 0 0 6.81 6.17zm0 6.45v3.72a8.97 8.97 0 0 1 8.96 8.97h3.72A12.69 12.69 0 0 0 6.81 12.6zm2.62 7.44a2.63 2.63 0 0 0-2.63 2.62a2.63 2.63 0 0 0 2.63 2.63a2.63 2.63 0 0 0 2.63-2.63a2.63 2.63 0 0 0-2.63-2.63z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":299},"\u003Cpath fill=\"currentColor\" d=\"M16.5 3C19.538 3 22 5.5 22 9c0 7-7.5 11-10 12.5C9.5 20 2 16 2 9c0-3.5 2.5-6 5.5-6C9.36 3 11 4 12 5c1-1 2.64-2 4.5-2\"\u002F>",["Island",301],{"key":302,"result":303},"Brand_dlIOZD2O03VXPoFYukMOJnSnZRMTmJ0YwMKY5fNK8",{"head":304},{},["Island",306],{"key":307,"result":308},"Duration_k7Xn9leHr04uJ8PN73tg7gq7DgAoEeHuYTnaZgOIQ",{"head":309},{},1785405175756]