[{"data":1,"prerenderedAt":368},["ShallowReactive",2],{"i-ic:outline-arrow-upward":3,"Footer_afPiwGMwNiEyV4syWzw87ovzxHAgs4iwKtCn4zqBf8E":8,"episode-\u002Fpodcasts\u002Fnews-novembre-2022":16,"github-sponsor":268,"i-material-symbols:home":343,"i-ic:baseline-play-circle-filled-white":345,"i-ri:external-link-line":347,"i-material-symbols:ios-share":349,"i-cbi:deezer-logo":351,"i-vscode-icons:file-type-rss":353,"i-ri:heart-3-fill":356,"Brand_dlIOZD2O03VXPoFYukMOJnSnZRMTmJ0YwMKY5fNK8":358,"Duration_0gsEgWX01FlsLHbH2ESG0B71ddCMbo7KGqZqimwbqg":363},{"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":200,"description":202,"dsSlug":203,"duration":204,"episodeArtwork":205,"episodeNumber":206,"episodeType":207,"explicit":6,"extension":208,"guid":209,"links":210,"meta":254,"navigation":255,"path":256,"publicationDate":257,"season":258,"seo":259,"status":260,"stem":261,"subtitle":202,"tags":262,"videoLink":266,"__hash__":267},"podcasts\u002Fpodcasts\u002F052.news-novembre-2022\u002Findex.md","Les News pour novembre 2022","Double Slash",{"type":21,"value":22,"toc":185},"minimark",[23,28,32,37,47,53,57,74,78,83,87,107,110,122,126,143,147,152,155,158,162,182],[24,25,27],"h2",{"id":26},"next-13","Next 13",[29,30,31],"p",{},"On pose les bases du futur de Next.js et de React.\nNext 13 est utilisable avec l’ancien système de page.",[33,34,36],"h3",{"id":35},"_2-gros-changement-obligatoires","2 gros changement obligatoires :",[38,39,40,44],"ul",{},[41,42,43],"li",{},"Link (on a plus besoin d’utiliser l’ancre en enfant. Enfin !!)",[41,45,46],{},"Image (utilise l’API native des browsers, plus efficace et rapide)",[29,48,49],{},[50,51,52],"strong",{},"Il y a un codemod pour migrer les projets sur les 2 changements.",[33,54,56],{"id":55},"new-app-directory-beta","New App directory (Beta) :",[38,58,59,62,65,68,71],{},[41,60,61],{},"Layout (juste le contenu est updaté pas le layout)",[41,63,64],{},"Server component (Moins de JS dans le browser !)",[41,66,67],{},"Streaming (rendu progressif et incrémental) Avec les servers components, permet de rendre les éléments qui ne fetch pas de data directement et les autres une fois que les data sont arrivés.",[41,69,70],{},"Data Fetching dans les components. N’importe quel component peut fetcher des data\nSSG, SSR, ISR en une seule API ⇒ fetch (API étendu dans NextJS) réglage du cache et revalidate.",[41,72,73],{},"Nouveau plugin TypeScript (better suggestions and auto-complete)",[24,75,77],{"id":76},"turbopack","TurboPack",[29,79,80],{},[50,81,82],{},"Attention, il est en alpha !",[33,84,86],{"id":85},"fonctionnement-global","Fonctionnement global :",[38,88,89,92,95,98,101,104],{},[41,90,91],{},"Écrit en Rust",[41,93,94],{},"Pas d’ESM en dev contrairement à ViteJS",[41,96,97],{},"Pas de compatibilité avec l’écosystème WebPack",[41,99,100],{},"Que dev pour le moment. Le build n’utilise pas turbopack",[41,102,103],{},"Système de Memory Cache. Dans le futur, cache persistant via file ou remote",[41,105,106],{},"Pour le moment, que NextJS, Svelte prévu et pour les autres c’est en discussion",[29,108,109],{},"En gros, il passe en cache les fichiers et recompile le bundle avec le cache. Si un fichier change, il update le cache que de ce fichier et recompile avec le cache des autres fichiers.",[38,111,112],{},[41,113,114,121],{},[115,116,120],"a",{"href":117,"rel":118},"https:\u002F\u002Fgithub.com\u002Fyyx990803\u002Fvite-vs-next-turbo-hmr\u002Fdiscussions\u002F8",[119],"nofollow","Réaction d’Evan You"," -> Evan test réellement la différence entre Turbopack et Vite.",[24,123,125],{"id":124},"gatsby-5","Gatsby 5",[38,127,128,131,134,137,140],{},[41,129,130],{},"Slice API : Permet de créer des slices : Header, Footer, Layout et de déployer uniquement les éléments qui changent.",[41,132,133],{},"Partial Hydratation (Beta) via React Server Component",[41,135,136],{},"Head API",[41,138,139],{},"Script component",[41,141,142],{},"Node 18 et React 18",[24,144,146],{"id":145},"gastby-valhalla-content-hub","Gastby Valhalla Content Hub",[29,148,149],{},[50,150,151],{},"Pour le moment que dispo pour les Entreprises",[29,153,154],{},"C’est un agrégateur de sources comme on peut trouver dans Gatsby mais via un service accessible via le net.",[29,156,157],{},"On peut donc concentrer plusieurs sources de différents services pour l’interroger avec une API GraphQL",[24,159,161],{"id":160},"wordpress-61","WordPress 6.1",[38,163,164,167,170,173,176,179],{},[41,165,166],{},"Cache query !!",[41,168,169],{},"Extend query loop block",[41,171,172],{},"Typographie Fluide (clamp)",[41,174,175],{},"WebP",[41,177,178],{},"Gutenberg → Améliorations de blocs",[41,180,181],{},"etc…",[29,183,184],{},"Bonne écoute !",{"title":186,"searchDepth":187,"depth":187,"links":188},"",2,[189,194,197,198,199],{"id":26,"depth":187,"text":27,"children":190},[191,193],{"id":35,"depth":192,"text":36},3,{"id":55,"depth":192,"text":56},{"id":76,"depth":187,"text":77,"children":195},[196],{"id":85,"depth":192,"text":86},{"id":124,"depth":187,"text":125},{"id":145,"depth":187,"text":146},{"id":160,"depth":187,"text":161},[201],"Technology","Dans cet épisode spécial news de novembre 2022, nous évoquons Next 13, Turbopack, Gatbsy 5, Gatbsy Valhalla, WordPress 6.1 et les conférences qui ont eu lieu dernièrement.","DS_052_news_nov22",3334,"https:\u002F\u002Fres.cloudinary.com\u002Fdoubleslash\u002Fimage\u002Fupload\u002Fv1668525076\u002Fepisode\u002FSquare_news_52_jaxnyp.png",52,"full","md",null,[211,214,217,220,223,226,228,231,233,236,239,242,245,248,251],{"title":212,"url":213},"Node Security releases","https:\u002F\u002Fnodejs.org\u002Fen\u002Fblog\u002Fvulnerability\u002Fnovember-2022-security-releases\u002F",{"title":215,"url":216},"Npm 9.0.0","https:\u002F\u002Fgithub.blog\u002Fchangelog\u002F2022-10-24-npm-v9-0-0-released\u002F",{"title":218,"url":219},"Deno 1.28","https:\u002F\u002Fdeno.com\u002Fblog\u002Fv1.28",{"title":221,"url":222},"Next.js 13","https:\u002F\u002Fnextjs.org\u002Fblog\u002Fnext-13#introducing-turbopack-alpha",{"title":224,"url":225},"Turbopack","https:\u002F\u002Fturbo.build\u002Fpack\u002Fdocs\u002Fcore-concepts",{"title":125,"url":227},"https:\u002F\u002Fwww.gatsbyjs.com\u002Fgatsby-5\u002F",{"title":229,"url":230},"Gatsby Valhalla","https:\u002F\u002Fwww.gatsbyjs.com\u002Fproducts\u002Fvalhalla-content-hub",{"title":161,"url":232},"https:\u002F\u002Ffr.wordpress.org\u002F2022\u002F10\u002F12\u002Fguide-des-changements-techniques-de-wordpress-6-1\u002F",{"title":234,"url":235},"Node conf EU 2022","https:\u002F\u002Fwww.youtube.com\u002Fplaylist?list=PL0CdgOSSGlBaULAdbribJiENfXxPW0aLQ",{"title":237,"url":238},"ViteConf 2022","https:\u002F\u002Fviteconf.org\u002F2022\u002Freplay",{"title":240,"url":241},"The component gallery","https:\u002F\u002Fcomponent.gallery\u002F",{"title":243,"url":244},"DevToys (window)","https:\u002F\u002Fdevtoys.app\u002F",{"title":246,"url":247},"DevUtils (mac)","https:\u002F\u002Fdevutils.com\u002F",{"title":249,"url":250},"Trash CLI","https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Ftrash-cli",{"title":252,"url":253},"Content Layer","https:\u002F\u002Fwww.contentlayer.dev\u002F",{},true,"\u002Fpodcasts\u002Fnews-novembre-2022","2022-11-16",1,{"title":18,"description":202},"published","podcasts\u002F052.news-novembre-2022\u002Findex",[263,264,265],"next","bundler","wordpress","Pze8XficOfA","9xRx1v9Lg6QCkOcdBOgNqDJFXg1-fdvDg3zcOxyRNXI",{"data":269},{"organization":270},{"sponsorsListing":271},{"name":272,"fullDescriptionHTML":273,"url":274,"shortDescription":275,"activeGoal":276,"isPublic":255,"sponsorable":280},"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":277,"percentComplete":278,"targetValue":278,"title":279},"L'ensemble des charges seront couvertes. Service de stockage et abonnement aux services utilisés.",70,"$70 per month",{"sponsors":281},{"edges":282},[283,289,295,301,307,313,319,325,331,337],{"node":284},{"id":285,"name":286,"url":287,"avatarUrl":288},"MDQ6VXNlcjEwMDMwNw==","Clément Delmas","https:\u002F\u002Fgithub.com\u002Fclem","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F100307?u=878ed4b7cdf920879b57046f19e434fea2c7d296&v=4",{"node":290},{"id":291,"name":292,"url":293,"avatarUrl":294},"MDQ6VXNlcjI3NTYwOQ==","Thibaud Lepretre","https:\u002F\u002Fgithub.com\u002Fkakawait","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F275609?v=4",{"node":296},{"id":297,"name":298,"url":299,"avatarUrl":300},"MDQ6VXNlcjE5MTQxNjA=","David Pollet","https:\u002F\u002Fgithub.com\u002Fdavidpollet","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F1914160?u=4b3da16383b9fa810fd0980f756000709403ab45&v=4",{"node":302},{"id":303,"name":304,"url":305,"avatarUrl":306},"MDQ6VXNlcjYzMzMzOTY=","Eric","https:\u002F\u002Fgithub.com\u002Fericledonge","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F6333396?u=e9e541a6b9125d8e8b558fdd914c847eb36db695&v=4",{"node":308},{"id":309,"name":310,"url":311,"avatarUrl":312},"MDQ6VXNlcjg4OTk3Njg=","François Gardien","https:\u002F\u002Fgithub.com\u002FYoutch","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F8899768?u=85ae8c4299c380bcec02e99e9364624f3ce333c7&v=4",{"node":314},{"id":315,"name":316,"url":317,"avatarUrl":318},"MDQ6VXNlcjEwMTc2NjI2","Antharuu","https:\u002F\u002Fgithub.com\u002Fantharuu","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F10176626?u=3f6ef490b330d5a9bbaa3137560b5d1d4cf13a4a&v=4",{"node":320},{"id":321,"name":322,"url":323,"avatarUrl":324},"MDQ6VXNlcjEwMTg2OTkz","Adrien Zaganelli","https:\u002F\u002Fgithub.com\u002FadrienZ","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F10186993?u=08189ef8cf708a61445b6a57cf7a2aa361d484af&v=4",{"node":326},{"id":327,"name":328,"url":329,"avatarUrl":330},"MDQ6VXNlcjI2MTQyMzgz","Thomas Lemoine","https:\u002F\u002Fgithub.com\u002Fthomaslemoine","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F26142383?u=4c68175459b0ae1f8c68c48c40f2ae148747675d&v=4",{"node":332},{"id":333,"name":334,"url":335,"avatarUrl":336},"MDQ6VXNlcjY1NzM3MTMx","Valentin Grenier","https:\u002F\u002Fgithub.com\u002Fvalentin-grenier","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F65737131?u=0ba0cc828412f6655a948c6a82f69b9c909f8fd9&v=4",{"node":338},{"id":339,"name":340,"url":341,"avatarUrl":342},"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":344},"\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":346},"\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":348},"\u003Cpath fill=\"currentColor\" d=\"M10 6v2H5v11h11v-5h2v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1zm11-3v8h-2V6.413l-7.793 7.794l-1.414-1.414L17.585 5H13V3z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":350},"\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":352},"\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":354,"height":354,"rotate":4,"vFlip":6,"hFlip":6,"body":355},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":357},"\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",359],{"key":360,"result":361},"Brand_dlIOZD2O03VXPoFYukMOJnSnZRMTmJ0YwMKY5fNK8",{"head":362},{},["Island",364],{"key":365,"result":366},"Duration_0gsEgWX01FlsLHbH2ESG0B71ddCMbo7KGqZqimwbqg",{"head":367},{},1785405177545]