Podcasts about server side rendering

In this episode, SE Radio host Sriram Panyam explores HTMX with its creator, Carson Gross, who is also creator of Hyperscript, the mind behind the Grug Brained Developer, a professor of software engineering at Montana State University, and co-author of Hypermedia Systems. HTMX is a modern JavaScript library that allows developers to access AJAX, WebSockets, CSS Transitions, and Server-Sent Events directly in HTML using attributes. It represents a return to hypermedia-driven application architecture while supporting modern user experiences. The episode starts with a look at the current complexity in web development and how HTMX offers an alternative approach. Carson explains the core philosophy of "HTML as the interface" and how hypermedia principles influenced HTMX's design. From there, they dive into HTMX's technical concepts, including its attribute system, server-side integration, event handling, and state management approach. Carson shares some real-world implementation strategies, including migration paths from JavaScript frameworks, architectural patterns, and performance considerations -- as well as a few scenarios in which HTMX might not be the best fit. Finally, they look at the growing HTMX ecosystem, community contributions, and future development roadmap. Throughout the episode, Carson provides concrete examples and case studies of HTMX in production environments. Brought to you by IEEE Computer Society and IEEE Software magazine.

We talked about SSR here before. This week we sat down with Brygida and continued this conversation, covering some more of the in-depths of SSR and what it means for you and your team!More about Brygida:https://www.linkedin.com/in/brygidafiejdasz/https://x.com/brydziafhttps://www.instagram.com/speed_date_with_angular/https://www.youtube.com/@SpeedDateWithAngularFollow us onX: The Angular Plus ShowBluesky: @theangularplusshow.bsky.social  The Angular Plus Show is a part of ng-conf. ng-conf is a multi-day Angular conference focused on delivering the highest quality training in the Angular JavaScript framework. Developers from across the globe converge  every year to attend talks and workshops by the Angular team and community experts.Join: http://www.ng-conf.org/Attend: https://ti.to/ng-conf/2025Follow: https://twitter.com/ngconf             https://www.linkedin.com/company/ng-conf             https://bsky.app/profile/ng-conf.bsky.social             https://www.facebook.com/ngconfofficialRead: https://medium.com/ngconfWatch: https://www.youtube.com/@ngconfonline  Edited by Patrick Hayes https://www.spoonfulofmedia.com/  Stock media provided by JUQBOXMUSIC/ Pond5

Hosts Tracy Lee and Rob Ocel talk with Jesse Hall, Staff Developer Advocate at MongoDB, about the future of databases, web frameworks, and the evolving role of developers. They explore how MongoDB's latest release is transforming data storage and access patterns, the mindset shift required for adopting document databases, and the rise of vector databases. The conversation also covers the current state of frontend frameworks like Svelte, Next.js, and Angular, and how AI and low-code tools are reshaping the developer landscape. Whether you're a database enthusiast or a web development pro, this episode offers valuable insights into the technologies shaping the industry. 00:00 - Intro and Setting the Scene 02:30 - Behind the Scenes at All Things Open 04:00 - The Evolution of Databases 08:00 - Understanding Document Databases 10:45 - Vector Databases and AI Integration 14:00 - Frontend Frameworks: The State of the Ecosystem 18:30 - Collaboration Across Frameworks 22:00 - AI and the Future of Development 26:00 - The Future of Server-Side Rendering 29:00 - Closing Thoughts and Resources 30:00 - Outro Follow Jesse Hall on Social Media Twitter: https://x.com/codeSTACKr Linkedin: https://www.linkedin.com/in/codestackr/ Sponsored by This Dot Labs

Anthony Alaribe, co-founder of API Toolkit, discusses the power of the browser for building data-heavy applications. He talks about myths around single-page apps versus multi-page apps, leveraging tools like HTMX and Workbox, and the significance of browser-native features for interactive web development. Links https://htmx.org https://tonyalaribe.medium.com https://x.com/tonialaribe https://github.com/tonyalaribe https://www.linkedin.com/in/anthony-alaribe-293a41bb We want to hear from you! How did you find us? Did you see us on Twitter? In a newsletter? Or maybe we were recommended by a friend? Let us know by sending an email to our producer, Emily, at emily.kochanekketner@logrocket.com (mailto:emily.kochanekketner@logrocket.com), or tweet at us at PodRocketPod (https://twitter.com/PodRocketpod). Follow us. Get free stickers. Follow us on Apple Podcasts, fill out this form (https://podrocket.logrocket.com/get-podrocket-stickers), and we'll send you free PodRocket stickers! What does LogRocket do? LogRocket provides AI-first session replay and analytics that surfaces the UX and technical issues impacting user experiences. Start understand where your users are struggling by trying it for free at [LogRocket.com]. Try LogRocket for free today.(https://logrocket.com/signup/?pdr) Special Guest: Anthony Alaribe.

Mit Gast Hans-Christian Otto (Chef bei Suora und Tröter bei @muhdiekuh@ruhr.social) reden Peter und Vanessa über Server Side Rendering mit Frontend Frameworks. Im Verlauf wird Server Side Rendering mi…

Vue is fast (actually the fastest SSR framework)! But sometimes apps might a bit more fine-tuning. And by sometimes, we mean rarely.Still, it can happen - so join Alex and Michael in this DejaVue episode to dive into what tools Vue gives us to improve the frameworks' performance. Further, they dive into the recent SSR benchmark and what it means for you as a developer, as well as striving topics like perceived performance. Enjoy the episode! Chapters(00:00) - Intro (01:14) - The topic of this episode - Performance (02:05) - Optimizing for performance from the beginning? (04:03) - Prop stability (08:18) - v-once (10:45) - v-memo (12:57) - Does v-pre fit into the mix? (14:28) - Recalculation of computed's (20:47) - Virtualization (24:05) - shallowRef (27:25) - Vapor Mode in the future (28:44) - Server Side Rendering (29:14) - The recent SSR benchmark (31:35) - Results of the benchmark (32:00) - What does this mean for you? (35:19) - Perceived performance (37:33) - Improving SSR performance (39:12) - VueConf Toronto (40:20) - Wrapping up Links and Resources15% discount for the VueConf Toronto* with code DEJAVUEDejaVue #E026 - Vue 3.5 AnalyzedDejaVue #E027 - Working at AWS (with Erik Hanchett)v-oncev-memov-preThe shallowRef guidePerformance Vue DocsMichael Reactivity From Scratch Free CourseVapor ModeReading vuejs/core-vaporDejaVue #E001 - The Need for Server-Side Rendering (SSR)Alex' SSR Benchmark videoLinks marked with * are affiliate links. We get a small commission when you register for the service through our link. This helps us to keep the podcast running. We only include affiliate links for services mentioned in the episode or that we use ourselves.

In this panel episode, our hosts dive into the latest tools and frameworks, AI integration, the performance bottlenecks of server-side rendering, and more. Tune in to hear hot takes and insights from our industry experts. Links https://x.com/trashhdev https://x.com/pniedri https://bsky.app/profile/noel.minc.how https://x.com/emilykochanek We want to hear from you! How did you find us? Did you see us on Twitter? In a newsletter? Or maybe we were recommended by a friend? Let us know by sending an email to our producer, Emily, at emily.kochanekketner@logrocket.com (mailto:emily.kochanekketner@logrocket.com), or tweet at us at PodRocketPod (https://twitter.com/PodRocketpod). Follow us. Get free stickers. Follow us on Apple Podcasts, fill out this form (https://podrocket.logrocket.com/get-podrocket-stickers), and we'll send you free PodRocket stickers! What does LogRocket do? LogRocket provides AI-first session replay and analytics that surfaces the UX and technical issues impacting user experiences. Start understand where your users are struggling by trying it for free at [LogRocket.com]. Try LogRocket for free today.(https://logrocket.com/signup/?pdr)

In this episode, James Quick, seasoned JavaScript developer, speaker, and teacher, chats about full stack web development. From single-page applications and static site generators to the latest in server components and hybrid rendering, he covers the evolution of modern web development practices and gives personal insights on navigating these new technologies. Links https://www.jamesqquick.com https://www.youtube.com/c/jamesqquick https://www.tiktok.com/@jamesqquick https://www.learnbuildteach.com https://x.com/jamesqquick We want to hear from you! How did you find us? Did you see us on Twitter? In a newsletter? Or maybe we were recommended by a friend? Let us know by sending an email to our producer, Emily, at emily.kochanekketner@logrocket.com (mailto:emily.kochanekketner@logrocket.com), or tweet at us at PodRocketPod (https://twitter.com/PodRocketpod). Follow us. Get free stickers. Follow us on Apple Podcasts, fill out this form (https://podrocket.logrocket.com/get-podrocket-stickers), and we'll send you free PodRocket stickers! What does LogRocket do? LogRocket provides AI-first session replay and analytics that surfaces the UX and technical issues impacting user experiences. Start understand where your users are struggling by trying it for free at [LogRocket.com]. Try LogRocket for free today.(https://logrocket.com/signup/?pdr) Special Guest: James Q. Quick.

Ben Ilegbodu, a front-end tech lead at Netflix, explains React rendering in Next.js, covering various rendering strategies. He also discusses the transition from the Pages Router to the App Router. Show Note: At 18:45, Ben discusses how using React Server Components is easy for folks just coming to Next.js, but (for those who have been using Next.js) it could be difficult. However, the remark in parenthesis was unintentionally cut in the editing process, causing the statement to lose its intended context. Links https://www.benmvp.com https://www.linkedin.com/in/benmvp https://x.com/benmvp https://github.com/benmvp We want to hear from you! How did you find us? Did you see us on Twitter? In a newsletter? Or maybe we were recommended by a friend? Let us know by sending an email to our producer, Emily, at emily.kochanekketner@logrocket.com (mailto:emily.kochanekketner@logrocket.com), or tweet at us at PodRocketPod (https://twitter.com/PodRocketpod). Follow us. Get free stickers. Follow us on Apple Podcasts, fill out this form (https://podrocket.logrocket.com/get-podrocket-stickers), and we'll send you free PodRocket stickers! What does LogRocket do? LogRocket combines frontend monitoring, product analytics, and session replay to help software teams deliver the ideal product experience. Try LogRocket for free today. (https://logrocket.com/signup/?pdr) Special Guest: Ben Ilegbodu.

The very first episode of DejaVue is here! In this episode, Michael and Alex talk about Server-Side Rendering (SSR) and its benefits, use cases, and challenges. After understanding what SSR actually is and why it could be useful, rendering modes like Static Site Generation (SSG) and Incremental Static Regeneration (ISR) are discussed, as well as compared to dynamic SSR. The episode closes with a summary of the discussed topics and a brief outlook.Chapters(00:00) - Intro (00:50) - What is Server-Side Rendering (SSR) (05:44) - When would you recommend using SSR (08:46) - Performance benefits with SSR and Hydration (14:39) - Complexity with Server-Side Rendering (17:21) - Static Site Generation (SSG) vs. SSR (27:53) - Incremental Static Regeneration (ISR) (34:11) - Summary Links and ResourcesRemix & PESPAs React Server ComponentsNuxt Server ComponentsHybrid Rendering in NuxtAlex' slides about HydrationIsland ArchitectureAstroÎlesVike fka. vite-plugin-ssrQuasarCaching with Nitro (ISR/SWR)

Cet épisode news discute de langages, de bibliothèques, d'intelligence artificielle bien sûr et même de Web. Et puis de challenge Java et même de Père Noël ! Enregistré le 12 janvier 2024 Téléchargement de l'épisode LesCastCodeurs-Episode-305.mp3 News RIP Niklaus Wirth https://en.wikipedia.org/wiki/Niklaus_Wirth Informaticien Suisse Conception des langages ALGOL, Modula-2 et… Pascal Plusieurs distinctions: Turing 1984, John Von Neumann 1994. Depuis 1987 un prix créé à son honneur Plusieurs livres dont Algorithms + Data Structures = Programs 1976 La Loi de Wirth: La beauté d'un programme réside dans la clarté de sa structure. Niklaus Wirth a toujours prôné la simplicité, la lisibilité et la compréhensibilité. Approche pragmatique https://recording.zencastr.com/lescastcodeurs/news-305 Langages L'enfer sur terre: equals and hashCode pour les entitées JPA. Tout le monde a un avis, faire le sien est compliqué - https://vladmihalcea.com/hibernate-facts-equals-and-hashcode/ - https://vladmihalcea.com/how-to-implement-equals-and-hashcode-using-the-jpa-entity-identifier/ - https://vladmihalcea.com/the-best-way-to-implement-equals-hashcode-and-tostring-with-jpa-and-hibernate/ - https://jpa-buddy.com/blog/hopefully-the-final-article-about-equals-and-hashcode-for-jpa-entities-with-db-generated-ids/ Kotlin va t'il décliné en 2025, faute d'innovation et avec les nouvelles features de Java ? https://shiftmag.dev/kotlin-vs-java-2392/ Selon l'auteur, d'autres langages alternatifs pour la JVM ont décliné, comme Groovy et Scala L'auteur pense qu'il y aura de moins en moins de différenciants par rapport à Java, et Kotlin n'a pas rajouté de fonctionnalités significatives depuis un an ou deux Comment enlever des accents et autres marques diacritiques dans des chaines de caractères en Java https://glaforge.dev/posts/2024/01/url-slug-or-how-to-remove-accents-in-java/ Pour les URLs d'un blog post, par exemple, on souhaite avoir le titre dans l'URL, mais de manière URL-friendly, donc sans accents, en remplaçant les espaces par des tirets, etc Guillaume propose une approche basée sur la normalisation de chaine unicode et les expressions régulières Mais il évoque également la librairie Slugify qui est en plus capable de faire de la translitération (pour transformer aussi des idéogrammes et autre caractères non-ASCII) Les “gatherers” de JDK 22 https://blog.soebes.io/posts/2024/01/2024-01-07-jdk-gatherer/ Nous avons mentionné récemment le JEP 461 pour Java 22 : Stream Gatherers, qui sera en preview Permet de faire des choses qui étaient un peu compliquées à faire avec l'API stream avant, comme par exemple implémenter des fenêtres glissantes sur les données du stream L'article parle des différentes capacités des gatherers, avec un Integrator, un Initializer et un Finisher, et enfin un Combiner, avec différents exemples de code pour les illustrer Librairies Le fonds tech souverain d'origine allemande sponsorise le développement de Log4J https://www.sovereigntechfund.de/news/log4j-investment 3 contributeurs pourront bosser dessus à temps plein permet de sécuriser le développement du projet réaction à l'impact de la CVE Log4shell qui avait bien marqué les esprits et fait bosser plein de gens le weekend pour tout patcher ! Cloud Le glossaire de la Cloud Native Foundation a été traduit en Français https://glossary.cncf.io/fr/ Web Sortie de Vue.JS 3.4 https://blog.vuejs.org/posts/vue-3-4 le parseur de composants (SFC) est 2x plus rapide amélioration du système de réactivité en particulier pour les propriétés “computed” (recalculées) le namespace JSX deprecated a été supprimé Cédric Exbrayat de NinjaSquad couvre également les nouveautés dans cet article https://blog.ninja-squad.com/2023/12/29/what-is-new-vue-3.4/ Astro JS 4.1 https://astro.build/blog/astro-410/ Découverte de ce FW grâce à Petipois https://medium.com/front-end-weekly/create-a-website-using-astro-in-2024-f5963003c19c Astro est le framework web pour la construction de sites web axés sur le contenu tels que les blogs, le marketing et le commerce électronique. Astro est surtout connu pour être le pionnier d'une nouvelle architecture frontend afin de réduire la surcharge et la complexité de JavaScript par rapport aux autres frameworks Architecture en “Astrot Islands” (interface en composants isolés) SSG et SSR (Static Site Generator ey Server Side Rendering) 0 Javascript si tu veux Tu utilises React, Angular ou Vue pour tes composants Lis plus ici : https://kinsta.com/fr/blog/astro-js/ React à 10 ans… et là ma découverte de React Server Components https://www.joshwcomeau.com/react/server-components/#introduction-to-react-server-components-3 “At a high level, React Server Components is the name for a brand-new paradigm. In this new world, we can create components that run exclusively on the server.” L'idée est de n'est pas faire des composants entiers en react dans le backend, et de n'est pas déléguer aux rendering client pour ces composants Prédictions 2024 https://thenewstack.io/2024-predictions-by-javascript-frontend-framework-maintainers/ Angular: Optional Zone.JS Next.js (nouveau compilateur, + backend ?) React: adoption de React Server Components, SPA ne suffit pas. React auto-memorizing (useCallback/useMemo deprecate) Solid 2.0 viendra après SolidStart (framework web) Data et Intelligence Artificielle Retour d'experience sur faire du RAG avec des LLMs https://x.com/taranjeetio/status/1742587923189596531?s=20 Gunnar Morling a lancé le 1 billion row challenge : https://www.morling.dev/blog/one-billion-row-challenge/ L'idée est de calculer le min / max, la moyenne, de températures, indiquées ligne par ligne dans un énorme fichier Il y a énormément de contributions. Les plus rapides ont utilisé des memory mapped files, ou bien des instructions SIMD Le challenge était en pur Java, mais d'autres personnes ont tenté l'expérience avec diverses bases de données ou autres langages de programmation Didier Girard parle de Shadow AI https://www.linkedin.com/posts/didiergirard_shadowai-genai-gouvernance-activity-7150031627006464000-IF1G/ Comme on a parlé de “shadow IT” à une époque, la nouvelle ombre du jour, c'est l'intelligence artificielle Pour être plus productifs, les employés utilisent l'IA, sans forcément le dire à leur employeur Le problème étant qu'avec certains système d'IA, les données que vous envoyées peuvent être sauvegardées et utilisées pour ré-entrainer l'IA… et potentiellement, l'IA pourrait recracher verbatim du texte provenant de ces données à d'autres utilisateurs. D'où une brèche dans la sécurité des données de l'entreprise Appel de fonction avec le LLM Gemini de Google https://glaforge.dev/posts/2023/12/22/gemini-function-calling/ Les Large Language Model sont limités par les connaissances qu'ils ont acquises lors de leur entrainement Une approche possible pour se baser sur une base documentaire est d'utiliser l'approche Retrieval Augmented Generation (RAG) où l'on utilise une base de données vectorielle pour récupérer des passages de texte qui correspondent à la requête demandée Mais il existe aussi une approche intéressante qui permet d'appeler des systèmes externes (APIs, service local, etc) en permettant au LLM de savoir qu'il peut répondre à une demande donnée en se basant sur l'appel d'une fonction. Dans cette approche, le LLM répond qu'il faudrait appeler une fonction (par exemple pour connaitre la météo à Paris) et il indique quels paramètres passer (“Paris”). Le développeur ensuite appel cette fonction et retourne le résultat de l'invocation au LLM, qui va ensuite pouvoir générer du texte avec ces données. C'est l'approche “function calling” qui permet d'étendre à un LLM pour lui donner accès à des données live, derrière une API, etc Méthodologies Une video sur le père Noël et la pensé critique de la Tronce en Biais https://youtu.be/tqlYKO_asFw?si=g1Fq5OfCvQONNb2i Vidéo interessante pour comprendre comment nous, dans la tech, on peut tomber facilement sur des croyances qui sont doutantes si on développe pas l'esprit critique. Le père Noël, véritable complot planétaire des adultes, magasins, médias … d'un mensonge Un enfant qui essaie d'appliquer le procédé épistémologique, il n'a pas d'autre source pour vérifier que le père noël n'existe pas, tous ses sources fiables duquel il apprend le monde (parents, profs, medias, histoires, medias) valident que le père noël existe. Expliquer les incoherences par la magie, c'est quelque chose de complément banal dans l'univers d'un enfant à qui on parle en permanence de magie La découverte de la mensonge aux alentours de 7 ans, l'age de la raison, est une bonne opportunité pour aborder l'esprit critique avec les enfants Loi, société et organisation EU AI Act cheat sheet https://www.linkedin.com/posts/yann-lecun_eu-ai-act-cheat-sheet-understand-activity-7139980837013331971-TDqI?utm_source=share&utm_medium=member_ios Les entreprises vont avoir 1 ou 2 ans pour s'y conformer Basics: Definition de l'AI, extraterritorialité, exceptions (oss, r&D, mais aussi défense …), classification par niveaux de risks (Prohibited > High Risk > Limited Risk > Minimal Risk) Prohibited: Biometrique, social credit scoring, detection d'emotions, renforcement des lois basées sur l'identification biometrique en public High (des régles sont définies pour controler ces usages: transparence, qualité, risque …): Le matériel médical, les véhicules, l'éducation, les élections, … General: Transparence et information ChatGPT n'est pas un super médecin https://x.com/drhughharvey/status/1736308984288563550?s=46&t=C18cckWlfukmsB_Fx0FfxQ ces d'utilisation ChatGPT en copilote Trop de non déterminisme dans les réponses à la même question 41% des réponses dans le consensus médical 7% dangereuse Faire du rag n'a monté que de quelques pourcents 5 Transcription de la conférence donnée PGConf EU par Laetitia Avrot et Karen Jex (expertes Postgresql): Trying to be Barbie in Ken's Mojo Dojo Casa House https://karenjex.blogspot.com/2023/12/trying-to-be-barbie-in-kens-mojo-dojo.html Il s'agit d'une conférence en sociologie. En sociologie, il suffit que quelque chose soit vrai pour la majorité des cas pour être considéré comme une vérité, car cela repose sur des statistiques. Sujet donné pour susciter de l'attention sur un problème qui existe bien dans la tech. Elles ont réalisé que la grande majorité de la population n'en était pas consciente (barbie)! Le film Barbie les a fait comprendre qu'elles doivent expliquer ce à quoi les femmes sont confrontées au quotidien, afin que les autres puissent comprendre à quel point cela peut être épuisant. Très bien documenté avec bcp de liens et références au delà de l'expérience personnelle Transcription et slides dans l'article Lien entre film Barbie et la place des femmes dans la tech. Idées non neuves mais cela a été un impact Les biais en général ne sont pas particuliers à un genre, sont globales. Test sur les biais implicites Il existe un déficit de talents technologiques (estimé atteindre de 1,4 million à 3,9 millions de personnes d'ici 2027 dans les pays de l'UE-27), qui pourrait potentiellement être comblé en doublant la proportion de femmes dans le secteur technologique. Cependant, la part des femmes dans les rôles technologiques connaît sa plus basse représentation dans les domaines en pleine croissance tels que DevOps et le cloud. plus de la moitié des femmes quittent l'industrie technologique 10 à 20 ans après le début de leur carrière, soit le double du taux des hommes. (manque d'opportunités, difficultés face aux biais, se sentir comme une outsider etc…) La part des femmes dans les rôles technologiques en Europe risque de diminuer pour atteindre 21% d'ici 2027. Solutions: roles modèles, combattre nos biais (si on ne les reconnait pas, on ne peut pas le combattre), mentoring, faire attention à donner de la voix etc… New York Times porte plainte à open ai https://www.bbc.com/news/technology-67826601 réclame des billions en copy right, suit aussi Microsoft et Bing qui utilise open ai on peut trouver des extraits des articles avec suscription disponibles Si on demande à chat gpt sur des news actuelles, reprend des explications tirés du NYT sans le mentionner Sur bing on peut trouver aussi des extraits sans citer ni linker la source Conséquences pour NYT: moins d'accès à leur site, moins de consultations, moins des clicks, chute des suscriptions, pertes monétaires importantes Réponse de OpenAI au NYT https://openai.com/blog/openai-and-journalism We collaborate with news organizations and are creating new opportunities Training is fair use, but we provide an opt-out because it's the right thing to do “Regurgitation” is a rare bug that we are working to drive to zero The New York Times is not telling the full story Outils de l'épisode Userscripts https://github.com/quoid/userscripts: extension pour changer le CSS et JS des sites dans votre navigateur Rubrique débutant Guillaume a publié 2 “codelabs” pour démarrer sur LangChain4J, en utilisant le LLM PaLM de Google https://glaforge.dev/posts/2023/12/18/get-hands-on-codelabs-to-dabble-with-llms/ Ces 2 tutoriels pratiques permettent de découvrir les deux modèles text et chat de PaLM Différentes tâches sont illustrées pour faire de simples questions/réponses, de simples chat, mais aussi comment extraire des données structurées d'un texte, comment faire de la classification (avec un exemple d'analyse de sentiment) Google Summer of Code - appel aux projets https://summerofcode.withgoogle.com/ Conférences La liste des conférences provenant de Developers Conferences Agenda/List par Aurélie Vache et contributeurs : 31 janvier 2024-3 février 2024 : SnowCamp - Grenoble (France) 1 février 2024 : AgiLeMans - Le Mans (France) 6 février 2024 : DevFest Paris - Paris (France) 8-9 février 2024 : Touraine Tech - Tours (France) 15-16 février 2024 : Scala.IO - Nantes (France) 6-7 mars 2024 : FlowCon 2024 - Paris (France) 14-15 mars 2024 : pgDayParis - Paris (France) 19 mars 2024 : AppDeveloperCon - Paris (France) 19 mars 2024 : ArgoCon - Paris (France) 19 mars 2024 : BackstageCon - Paris (France) 19 mars 2024 : Cilium + eBPF Day - Paris (France) 19 mars 2024 : Cloud Native AI Day Europe - Paris (France) 19 mars 2024 : Cloud Native Wasm Day Europe - Paris (France) 19 mars 2024 : Data on Kubernetes Day - Paris (France) 19 mars 2024 : Istio Day Europe - Paris (France) 19 mars 2024 : Kubeflow Summit Europe - Paris (France) 19 mars 2024 : Kubernetes on Edge Day Europe - Paris (France) 19 mars 2024 : Multi-Tenancy Con - Paris (France) 19 mars 2024 : Observabiity Day Europe - Paris (France) 19 mars 2024 : OpenTofu Day Europe - Paris (France) 19 mars 2024 : Platform Engineering Day - Paris (France) 19 mars 2024 : ThanosCon Europe - Paris (France) 19-21 mars 2024 : IT & Cybersecurity Meetings - Paris (France) 19-22 mars 2024 : KubeCon + CloudNativeCon Europe 2024 - Paris (France) 21 mars 2024 : IA & Data Day Strasbourg - Strasbourg (France) 22-23 mars 2024 : Agile Games France - Valence (France) 26-28 mars 2024 : Forum INCYBER Europe - Lille (France) 28-29 mars 2024 : SymfonyLive Paris 2024 - Paris (France) 28-30 mars 2024 : DrupalCamp Roazhon - Rennes (France) 4-6 avril 2024 : Toulouse Hacking Convention - Toulouse (France) 17-19 avril 2024 : Devoxx France - Paris (France) 18-20 avril 2024 : Devoxx Greece - Athens (Greece) 22 avril 2024 : React Connection 2024 - Paris (France) 23 avril 2024 : React Native Connection 2024 - Paris (France) 25-26 avril 2024 : MiXiT - Lyon (France) 25-26 avril 2024 : Android Makers - Paris (France) 8-10 mai 2024 : Devoxx UK - London (UK) 16-17 mai 2024 : Newcrafts Paris - Paris (France) 22-25 mai 2024 : Viva Tech - Paris (France) 24 mai 2024 : AFUP Day Nancy - Nancy (France) 24 mai 2024 : AFUP Day Poitiers - Poitiers (France) 24 mai 2024 : AFUP Day Lille - Lille (France) 24 mai 2024 : AFUP Day Lyon - Lyon (France) 2 juin 2024 : PolyCloud - Montpellier (France) 6-7 juin 2024 : DevFest Lille - Lille (France) 6-7 juin 2024 : Alpes Craft - Grenoble (France) 11-12 juin 2024 : OW2con - Paris (France) 12-14 juin 2024 : Rencontres R - Vannes (France) 14 juin 2024 : DevQuest - Niort (France) 27-28 juin 2024 : Agi Lille - Lille (France) 4-5 juillet 2024 : Sunny Tech - Montpellier (France) 19-20 septembre 2024 : API Platform Conference - Lille (France) & Online 7-11 octobre 2024 : Devoxx Belgium - Antwerp (Belgium) 10-11 octobre 2024 : Volcamp - Clermont-Ferrand (France) 10-11 octobre 2024 : Forum PHP - Marne-la-Vallée (France) 17-18 octobre 2024 : DevFest Nantes - Nantes (France) 6 novembre 2024 : Master Dev De France - Paris (France) Nous contacter Pour réagir à cet épisode, venez discuter sur le groupe Google https://groups.google.com/group/lescastcodeurs Contactez-nous via twitter https://twitter.com/lescastcodeurs Faire un crowdcast ou une crowdquestion Soutenez Les Cast Codeurs sur Patreon https://www.patreon.com/LesCastCodeurs Tous les épisodes et toutes les infos sur https://lescastcodeurs.com/

Sam and Ryan explore different ways to think about the RSC architecture, including what problems RSC solve, why RSC are valuable even in a world without server-side rendering, and how React's reconciliation phase enables RSC to make partial updates to the UI as a result of server-side events.Topics include:0:00 - Intro5:45 - What if RSC were introduced before SSR?10:54 - What does it mean to render RSC?25:41 - Why SSR does not apply to Server Components35:31 - Server-driven UI updates

We recently announced support for Next.js Hybrid Rendering scenarios: Server-Side Rendering and Incremental Static Regeneration, which add to Static Generation (SSG) and client-side rendering. In this episode, Reshmi Sriram joins Scott Hanselman to demonstrate hybrid rendering in Next.js apps using Azure Static Web Apps (SWA) and get the best of both worlds! Chapters 00:00 - Introduction 01:00 - Presentation 06:17 - Demo 16:00 - Discussion 17:45 - Wrap-up Recommended resources Deploy hybrid Next.js websites on Azure Static Web Apps Extending Next.js support in Azure Static Web Apps Azure Static Web Apps now supports server-side rendering for Next.js applications What is Azure Static Web Apps? Announcing: Database Connections for SWA Create a Pay-as-You-Go account (Azure) Create a free account (Azure) Connect Scott Hanselman | Twitter: @SHanselman Reshmi Sriram | Twitter: @ReshSriram Azure Friday | Twitter: @AzureFriday Azure Static Web Apps | Twitter: @AzureStaticApps Azure | Twitter: @Azure

We recently announced support for Next.js Hybrid Rendering scenarios: Server-Side Rendering and Incremental Static Regeneration, which add to Static Generation (SSG) and client-side rendering. In this episode, Reshmi Sriram joins Scott Hanselman to demonstrate hybrid rendering in Next.js apps using Azure Static Web Apps (SWA) and get the best of both worlds! Chapters 00:00 - Introduction 01:00 - Presentation 06:17 - Demo 16:00 - Discussion 17:45 - Wrap-up Recommended resources Deploy hybrid Next.js websites on Azure Static Web Apps Extending Next.js support in Azure Static Web Apps Azure Static Web Apps now supports server-side rendering for Next.js applications What is Azure Static Web Apps? Announcing: Database Connections for SWA Create a Pay-as-You-Go account (Azure) Create a free account (Azure) Connect Scott Hanselman | Twitter: @SHanselman Reshmi Sriram | Twitter: @ReshSriram Azure Friday | Twitter: @AzureFriday Azure Static Web Apps | Twitter: @AzureStaticApps Azure | Twitter: @Azure

Ryan Carniato comes back on PodRocket to talk about SolidStart, the Solid app framework. We talk about the Solid ecosystem, server-side rendering in JavaScript, and how Vite was a game changer for Ryan. Listen now. Links https://start.solidjs.com https://www.solidjs.com https://discord.com/invite/solidjs https://twitter.com/solid_js https://twitter.com/RyanCarniato https://dev.to/ryansolid https://podrocket.logrocket.com/solidjs https://podrocket.logrocket.com/island-architecture https://podrocket.logrocket.com/vite-3 Tell us what you think of PodRocket We want to hear from you! We want to know what you love and hate about the podcast. What do you want to hear more about? Who do you want to see on the show? Our producers want to know, and if you talk with us, we'll send you a $25 gift card! If you're interested, schedule a call with us (https://podrocket.logrocket.com/contact-us) or you can email producer Kate Trahan at kate@logrocket.com (mailto:kate@logrocket.com) Follow us. Get free stickers. Follow us on Apple Podcasts, fill out this form (https://podrocket.logrocket.com/get-podrocket-stickers), and we'll send you free PodRocket stickers! What does LogRocket do? LogRocket combines frontend monitoring, product analytics, and session replay to help software teams deliver the ideal product experience. Try LogRocket for free today. (https://logrocket.com/signup/?pdr) Special Guest: Ryan Carniato.

Allen Wyma talks with Greg Johnston, creator of Leptos, a full-stack, web framework using a reactive design to build declaritive user interfaces. Contributing to Rustacean Station Rustacean Station is a community project; get in touch with us if you'd like to suggest an idea for an episode or offer your services as a host or audio editor! Twitter: @rustaceanfm Discord: Rustacean Station Github: @rustacean-station Email: hello@rustacean-station.org Timestamps [@00:00] - Introduction of Greg [@02:12] - Programming languages has Greg worked with [@05:14] - Greg's other passions besides programming [@10:59] - How Elm has set the agenda for a lot of Javascript front-end frameworks [@13:25] - Elm vs Rust in terms of error handling [@18:16] - What is Leptos and why Greg created it [@33:44] - Pros of using Leptos [@38:19] - Leptos' Server Side Rendering feature [@45:44] - Leptos' build tool limitations [@51:40] - Leptos' ability to interact with other languages [@59:25] - Greg's work and projects using JavaScript [@1:00:45] - Greg's Flutter experience [@1:04:21] - Greg's Ionic experience [@1:08:28] - HTML [@1:12:46] - Leptos' version [@1:14:14] - Leptos' production readiness [@1:16:23] - Parting thoughts Credits Intro Theme: Aerocity Audio Editing: Plangora Hosting Infrastructure: Jon Gjengset Show Notes: Plangora Hosts: Allen Wyma

Ein Web-Framework in der Umgebung von Deno: Das ist nicht nur nice, sondern sogar Fresh! Das Web-Framework Fresh nutzt Server-Side-Rendering, ist rasend schnell und liefert minimalen Code aus. In dieser Podcastfolge sprechen wir mit Luca Casonato, der uns erzählt, wie es zur Entwicklung dieses Frameworks kam, für welche Zwecke es sich ideal eignet und wodurch es sich von anderen Web-Frameworks abgrenzt. Luca kennt ihr bereits aus Deep Dive 73, einer Podcastfolge, in der er uns ins Deno Land entführt hat.Picks of the Day: Sebi: Next DB Navigator – Die neue Version des bekannten Deutsche Bahn Navigators. Jetzt in cool, snappy und fortschrittlich. Luca: k2tf – Ein kleines Tool, um Kubernetes-YAML-Dateien in ein Format für Terraform zu bringen. Schreibt uns! Schickt uns eure Themenwünsche und euer Feedback: podcast@programmier.barFolgt uns! Bleibt auf dem Laufenden über zukünftige Folgen und virtuelle Meetups und beteiligt euch an Community-Diskussionen. TwitterInstagramFacebookMeetupYouTubeMusik: Hanimo

Qwik is a new kind of web framework that can deliver instant loading web applications at any size. Miško Hevery is the creator of Angular and Qwik and CTO of Builder.io. Miško joins us today to talk about Qwik and Qwik's meta-framework, Qwik City. Links https://twitter.com/mhevery https://twitter.com/qwikdev Qwik.new (https://stackblitz.com/edit/qwik-starter?) Tell us what you think of PodRocket We want to hear from you! We want to know what you love and hate about the podcast. What do you want to hear more about? Who do you want to see on the show? Our producers want to know, and if you talk with us, we'll send you a $25 gift card! If you're interested, schedule a call with us (https://podrocket.logrocket.com/contact-us) or you can email producer Kate Trahan at kate@logrocket.com (mailto:kate@logrocket.com) Follow us. Get free stickers. Follow us on Apple Podcasts, fill out this form (https://podrocket.logrocket.com/get-podrocket-stickers), and we'll send you free PodRocket stickers! What does LogRocket do? LogRocket combines frontend monitoring, product analytics, and session replay to help software teams deliver the ideal product experience. Try LogRocket for free today. (https://logrocket.com/signup/?pdr) Special Guest: Misko Hevery.

- ¿Cómo se carga una página web?: 03:50 - Server Side Rendering: 12:25 -> Ventajas y desventajas del Server Side Rendering: 24:26 - Client Side Rendering: 29:52 -> Ventajas y desventajas del Client Side Rendering: 36:37 - ¿Cuál elegir?: 47:33 - La importancia de la experiencia de usuario: 57:06 - Cierre: 1:03:21 –––––––––––––––––––––––––––––– Para Contribuir PAYPAL : https://www.paypal.me/codetime Mercado Pago $100: https://mpago.la/1Zqo3G9 Mercado Pago $500: https://mpago.la/2MZ3oz3 Mercado Pago $1000: https://mpago.la/333qhPp –––––––––––––––––––––––––––––– Curso completo de desarrollo en Swift 4 desde cero https://www.udemy.com/curso-completo-de-swift-4-desde-cero/?couponCode=YOUTUBE_1 Curso de desarrollo de aplicaciones para iOS 11 desde cero https://www.udemy.com/desarrollo-de-aplicaciones-para-ios-11-desde-cero/?couponCode=YOUTUBE_1 –––––––––––––––––––––––––––––– Medios de contacto: Twitter / Telegram: @DavidGiordana Correo Electrónico: davidgiordana0@gmail.com Grupo en Telegram: https://t.me/joinchat/C-YEzBGu5Jh-mu8ejM2toA –––––––––––––––––––––––––––––– Canciones Utilizadas OP: Adventures by A Himitsu https://soundcloud.com/a-himitsu Creative Commons — Attribution 3.0 Unported— CC BY 3.0 Free Download / Stream: http://bit.ly/2Pj0MtT Music released by Argofox https://youtu.be/8BXNwnxaVQE Music promoted by Audio Library https://youtu.be/MkNeIUgNPQ8 ED: See You Tomorrow by GoSoundtrack http://www.gosoundtrack.com Creative Commons — Attribution 4.0 International — CC BY 4.0 Free Download / Stream: http://bit.ly/see-you-tomorrow Music promoted by Audio Library https://youtu.be/idlqqMHd0W4

- Presentación del tema: 20:35 - ¿Cómo se carga una página web?: 24:10 - Server Side Rendering: 32:45 -> Ventajas y desventajas del Server Side Rendering: 44:47 - Client Side Rendering: 50:12 -> Ventajas y desventajas del Client Side Rendering: 57:00 - ¿Cuál elegir?: 1:07:53 - La importancia de la experiencia de usuario: 1:17:26 - Post podcast: 1:23:42 - Cierre: 1:36:06 –––––––––––––––––––––––––––––– Para Contribuir PAYPAL : https://www.paypal.me/codetime Mercado Pago $100: https://mpago.la/1Zqo3G9 Mercado Pago $500: https://mpago.la/2MZ3oz3 Mercado Pago $1000: https://mpago.la/333qhPp –––––––––––––––––––––––––––––– Curso completo de desarrollo en Swift 4 desde cero https://www.udemy.com/curso-completo-de-swift-4-desde-cero/?couponCode=YOUTUBE_1 Curso de desarrollo de aplicaciones para iOS 11 desde cero https://www.udemy.com/desarrollo-de-aplicaciones-para-ios-11-desde-cero/?couponCode=YOUTUBE_1 –––––––––––––––––––––––––––––– Medios de contacto: Twitter / Telegram: @DavidGiordana Correo Electrónico: davidgiordana0@gmail.com Grupo en Telegram: https://t.me/joinchat/C-YEzBGu5Jh-mu8ejM2toA –––––––––––––––––––––––––––––– Canciones Utilizadas OP: Adventures by A Himitsu https://soundcloud.com/a-himitsu Creative Commons — Attribution 3.0 Unported— CC BY 3.0 Free Download / Stream: http://bit.ly/2Pj0MtT Music released by Argofox https://youtu.be/8BXNwnxaVQE Music promoted by Audio Library https://youtu.be/MkNeIUgNPQ8 ED: See You Tomorrow by GoSoundtrack http://www.gosoundtrack.com Creative Commons — Attribution 4.0 International — CC BY 4.0 Free Download / Stream: http://bit.ly/see-you-tomorrow Music promoted by Audio Library https://youtu.be/idlqqMHd0W4

Today Jack and TJ talk with Adam Berg, VP of Engineering at Dubsado.  We discuss an article he wrote based on lessons learned while his place of work was transitioning from AngularJS to React, called starting with How to Set Up Server Side Rendering (SSR) With React, express.js, and esbuild.  We also discuss several of his other articles, including Hey Siri, We're Breaking Up, and 3 Lines of Code Shouldn't Take All Day. Sponsors Top End Devs Raygun | Click here to get started on your free 14-day trial Coaching | Top End Devs Links How to Set Up Server Side Rendering (SSR) With React, express.js, and esbuild | dev/tails dev / tails How to Replace Webpack in Create React App With esbuild  Hey Siri, We're Breaking Up Taking Flight Without a Smart Phone 3 Lines of Code Shouldn't Take All Day Home Twitter: @devtails GitHub: adamjberg Picks Adam- Upload - Season 1 Jack- Micro State Management with React Hooks: Explore custom hooks libraries like Zustand, Jotai, and Valtio to manage global states TJ- Netlify Functions

Upcoming in a React release is React Server Components. No, they aren't just Server-Side Rendering. In fact, they are quite different and quite powerful in their own way. In this episode we learn about React Server Components and discuss how they could be used in applications of the future.LinksEpisode PageTwitter Owl CreekTwitter Thomas HintzYouTubeResourceshttps://blog.plasmic.app/posts/how-react-server-components-work/https://reactjs.org/blog/2020/12/21/data-fetching-with-react-server-components.htmlhttps://vercel.com/blog/everything-about-react-server-componentshttps://www.patterns.dev/posts/react-server-components/https://blog.bitsrc.io/react-server-components-1ca621ac2519Show NotesOverviewPerformance, Load Time, Etc Critical for success53% of users abandon a website if it takes more than 3 seconds to loadUsers are not interested in using apps that have poor performance, don't feel rightSo many ways to tackle the problem, what method to pick?Bundle Optimization with Webpack, etc.Performance Audits in AppServer Side RenderingWhat are React Server Components?Before RSC, all components were rendered in the browser...With RSC, parts of the React Tree can be rendered by the browser, and other parts are rendered on the server.How is it different than Server Side Rendering?What are the main benefits of using React Server Components?How do React Server Components work?component.server.jsx, component.client.jsx , component.jsx Client Components cannot import Server Components, only regular or Server components can.Server Components can import Client components and Server components, and then within that, you can nest Server Components under Client Components.Lifecycle of a React Server ComponentServer receives request to renderServer serializes root component element to JSONBrowser reconstructs the React treeHow can we get started implementing?Vanilla React Implementationreact-server-dom-webpackNextjs ExperimentalShopify Hydrogen

In Deep Dive 66 haben wir euch Nuxt.js zum Webseitenbau vorgestellt, ein Vue-basiertes und opinionated Framework. In dieser Folge geht es um das Pendant dazu für React: Next.js! Das Framework ist Open Source und wird von der Hosting-Plattform Vercel entwickelt und ist ein Traum für das Bauen SEO-optimierter Webseiten. Es gibt, genau wie Nuxt, den Rahmen in der Entwicklung stark vor, unterstützt dafür aber gleich mit einer ganzen Bandbreite an Convenience Features. Damit eure Webseite zu einem SEO-Meisterwerk werden kann, rendert Next.js sie vor. Die statische Generierung der Seite funktioniert normalerweise über die Varianten der Static Generation, des Server-Side-Rendering oder der Incremental Static Regeneration. Was das bedeutet, worin sich diese Varianten unterscheiden und was davon ihr in welcher Situation am sinnvollsten einsetzt, klären wir in dieser Folge.Unseren Experten Fabian kennt ihr mittlerweile sicherlich aus einigen News-Folgen oder unserer Podcastfolge über React, die sich im Übrigen wunderbar als Grundlage für diesen Deep Dive anbietet.Fabian hat ergänzend zu dieser Folge ein YouTube-Video mit einem Crashkurs zu Next.js aufgenommen.Zum GitHub Repository von Next.js: https://github.com/vercel/next.jsPicks of the Day:Jojo: Grammarly ist ein Tool, das euch beim Schreiben englischer Texte unterstützt – sogar noch während der Eingabe! Damit wirkt jeder Text gleich ein Stückchen professioneller.Fabian: Headless UI und Radix UI sind zwei Frameworks, die es euch ermöglichen, komplexe Komponenten auf eurer Webseite zu integrieren, deren Styling ihr dennoch selbst bestimmen könnt.Schreibt uns!Schickt uns eure Themenwünsche und euer Feedback.podcast@programmier.barFolgt uns!Bleibt auf dem Laufenden über zukünftige Folgen und virtuelle Meetups und beteiligt euch an Community-Diskussionen.TwitterInstagramFacebookMeetupYouTubeMusik: Hanimo

Our goal here was to explore server-side rendering (SSR) in Next.js using data from Apollo GraphQL, for faster client-rendering and SEO benefits. There are a variety of approaches, but Shaw has set his sights on a very developer-ergonomic version here where you can leave queries on individual components and mark them as SSR-or-not. There are […]

In this Video, we have had talks about various topics such as SSR(Server-side rendering), Exciting languages to learn, How to tackle anxiety and imposter syndrome

ResourcesReact To The Future With Isomorphic Apps.Jamstack.NextJs.NuxtJs.Gatsby.Grindsome. Episode Picks:Alfy: middle earth shadow of war Luay:Score Match

Si alguna de estas siglas te suena, este es tu episodio. Hoy hablaremos de Server-Side Rendering, Client-Side Rendering y Static Site Generation. Y veremos cuáles son las ventajas y desventajas de cada uno de ellos y cómo utilizarlos. Cuéntanos qué tal lo hemos hecho Rellena esta simple encuesta que nos dará una idea de cosas que deberíamos mejorar y temas que te gustaría que tratemos: https://forms.gle/mbPnUJ6M9dss7SkP9 Contacto No dejes de seguirnos en Twitter: @bucleinf Ayúdanos a seguir: https://tips.pinecast.com/jar/bucleinfinito Support Bucle Infinito by contributing to their Tip Jar: https://tips.pinecast.com/jar/bucleinfinito

Server-side rendering is getting better with modern libraries, you can have just a single codebase (let's say in Django or Rails) and add similar interactivity that you would get with frameworks like React!

Getting a modern JS project from git to running in a terminal takes ages. There is the installation of dependencies, running the server, running the bundler, maybe a type-checker, the CSS pipeline. There are watchers watching watchers, and the whole thing makes both my head and your computer's fans spin. The setup is yet more complex once you start adding multiple projects in one codebase, when you think of Server-Side Rendering and so on.   This delay has a real impact on people being able to contribute to the codebase, especially when it comes to iterative UI work. Trying to make things faster in the current (by some definition) model hits diminishing returns, and takes active time and budget to do right. For example, over three years Fotis has reworked his current project's pipeline four times, and while it was faster each time, it still can be a challenge!   In this talk, Fotis tries a different approach. He will give you a brief tour of modern tools that rethink how dependencies are bundled in development, and the very real gains that they offer.   Presenter: Fotis Papadogeorgopoulos  

Getting a modern JS project from git to running in a terminal takes ages. There is the installation of dependencies, running the server, running the bundler, maybe a type-checker, the CSS pipeline. There are watchers watching watchers, and the whole thing makes both my head and your computer's fans spin. The setup is yet more complex once you start adding multiple projects in one codebase, when you think of Server-Side Rendering and so on.   This delay has a real impact on people being able to contribute to the codebase, especially when it comes to iterative UI work. Trying to make things faster in the current (by some definition) model hits diminishing returns, and takes active time and budget to do right. For example, over three years Fotis has reworked his current project's pipeline four times, and while it was faster each time, it still can be a challenge!   In this talk, Fotis tries a different approach. He will give you a brief tour of modern tools that rethink how dependencies are bundled in development, and the very real gains that they offer.   Presenter: Fotis Papadogeorgopoulos  

Heute geht es grob um das Thema "Server Side Rendering". Inspiriert von Tweets, die eine Renaissance von JSF herbeiwünschen, kramen wir in unserer Erinnerung: Was war denn damals schlecht oder gut an JSF und an verwandten Web-Frameworks? Wir beleuchten aktuelle Entwicklungen, die Anwendungen hervorbringen könnten, die architektonisch etwas näher an JSF liegen, als dass heutige SPAs sind. Wäre das vielleicht sogar gut? Wir wagen einen Blick in die Glaskugel (wenn wir sie finden).

Sezonun ikinci bölümünde Progressive Web Apps, Static Site Generator, Single Page Application, Server Side Rendering, Accelerated Mobile Pages gibi ön yüz teknolojilerini ve yöntemlerini konunun uzmanı konuğumuz Önder Ceylan ile konuşuyoruz. Önder sabırlı bir şekilde bütün sorularımızı cevaplamakla kalmadı vizyonumuza vizyon da kattı. İşi sadece bir yazılımcı açısından değil, ürün geliştirmenin ve yönetmenin kolaylıkları açısından da ele alarak bizi aydınlattı. Ekip olarak çok şey öğrendiğimiz hem uzun, hem de çiçek gibi bir yayın oldu. Yayında geçen konularla ilgili linkleri de aşağıda yayınlıyoruz.https://developers.google.com/web/updates/2019/02/rendering-on-the-webhttps://web.dev/progressive-web-apps/https://staticsitegenerators.net/https://www.statista.com/statistics/1012285/united-states-developer-average-salaries-location/https://www.statista.com/statistics/627312/worldwide-developer-population/ 

En este episodio revisamos que es JAMStack, de que se compone, un poco de su historia y algunos recursos para comenzar.Gracias a Colby Fayock por proporcionar dos copias de su e-book "The Jamstack Handbook" para sortear en este episodioLinks.Generadores de Sitios Estáticos, Server Side Rendering y FrameworksGatsby11tyHugoNextNiftScullyMas visita https://jamstack.org/generators/Servicios de deploy, hosting y almacenamientoNetlifyVercelAWSAPI's de serviciosAuth0 Autentificación y autorizaciónCloudinary para hostear imágenesSanity, Contentful, Storyblock como CMSStripe, Mercadopago como pataforma de pagosÚnete a mi newsletter!Music CreditsOpening and Outro Musicby DanoSongshttps://danosongs.com/Background Music Music:Thief in the Night by Kevin MacLeodLink: https://incompetech.filmmusic.io/song/4521-thief-in-the-nightLicense: http://creativecommons.org/licenses/by/4.0/Support the show (https://www.buymeacoffee.com/matiasfha)

A/B-Testing ist eine wichtige Methode, um Websites zu verbessern. Was man beim Ausspielen unterschiedlicher Versionen im Hinblick auf Google beachten sollte, erfahrt Ihr in dieser Ausgabe. Weitere Themen: Mutmaßliches Google-Update am 23. September, Shared Hosting muss aus Google-Sicht nicht schlecht sein, Google unterstützt jetzt auch strukturierte Daten zu Lieferzeiten und Versandkosten, auch Seiten auf Position 1 können deindexiert werden und: Google erklärt den Unterschied zwischen Prerendering, Server Side Rendering und Dynamic Rendering.

Ny type mellom-episode som vi kommer til å gi ut de ukene vi ikke kommer med vanlig episode. Det betyr en ny BartJS Podcast hver uke! Denne gangen er det Mikael som ønsker å høre refleksjoner om Server-Side Rendering, mer spesifikt i NextJS.

Vuelve nuestro amigo Antonio Pérez al podcast para otro episodio compartido con su programa Full Stack Podcast. Antonio ya nos acompañó allá por el episodio 78 en un programa titulado Ruby on Rails frente a Python. En ese episodio Antonio nos estuvo contando cosas muy interesantes sobre Ruby on Rails y para este episodio hemos preparado el contenido alrededor del perfil de backend. ¿Qué habilidades clave debería tener un profesional del backend? Para Antonio Pérez, un desarrollador de backend debe tener un perfil muy completo con unas habilidades muy distintas: Una capacidad alta de abstracción, conocimientos de arquitectura web y un conocimiento amplio de bases de datos. Para Andros un backend debe tener la capacidad de leer y entender el contexto de lo que está realizando. Por eso es importante acudir a la documentación y a los manuales. Otro aspecto es entender que es normal que no se pueda saber de todo. Por último, Andros también coincide sobre la importancia de conocer de manera sólida las bases de datos. David Vaquero coincide en la necesidad de tener una base muy sólida del protocolo HTTP. También que el backend entienda bien los datos que está manejando y cómo se mueven. Y también vuelve a coincidir con la gestión de datos, caché y optimización. Por último David hace mención al conocimiento de API y al Server Side Rendering. Para finalizar Javier comenta que a menudo el perfil de backend se asocia al conocimiento de un lenguaje de programación. Otro aspecto a destacar es el conocimiento de la computación y los bases del sistema operativo, procesos, memoria y red. Gran parte de los proyectos backend que se están ejecutando implican tareas de mantenimiento, monitorización y mejora. Con independencia del lenguaje, el backend necesita mucha investigación y aprendizaje. La importancia de la gestión de las bases de datos y la memoria caché Como comenta Antonio, el backend un última instancia es servir datos: cuando mayor conocimiento y eficacia en la capa de base de datos, mejor funciona la parte de backend. Conocer los motores de bases de datos, profundo conocimiento de SQL y conocer los ORM. Andros habla sobre lo básico de entender la gestión de bases de datos y pone como ejemplo la aplicación de Notion y lo fundamental que es optimizar en la capa de datos. También incidimos en el conocimiento de los básicos como programación orientada a objetos, computación y redes. Una recomendación que hacemos es el libro The Secret Life of Programs publicado por No Starch Press. Por último David destaca que el mundo de las bases de datos también incluye las tecnologías NoSQL y que hay que separar la teoría de base de datos con la práctica. Escribir sentencias SQL vs ORM Otro de los temas que han surgido en la conversación son los ORM vs la escritura de sentencias SQL. Antonio explica cómo en ciertas ocasiones escribir directamente las sentencias SQL resulta más productivo o eficaz que depender de un ORM. Antonio destaca Active Record de Rails como una herramienta flexible para trabajar con el acceso a datos. También hablamos brevemente algunos de los ORM más habituales. El back end es la parte más cercana a la lógica de negocio y por tanto debes tener un conocimiento muy preciso y amplio de cómo funciona un negocio a El papel del cloud en el backend y el serverless Hay espacio para comentar cómo está evolucionando la computación en el lado de servidor con los servicios en la nube y más específicamente con el serverless tipo AWS Lambda. Con todo, son tecnologías que tienen un espacio determinado y que conviven con diferentes opciones en el lado de servidor. Antonio nos detalla algún ejemplo donde puede encajar este tipo de tecnologías. Otro aspecto a tener en cuenta es la optimización de esas funciones sin servidor porque pueden salir más caras que una arquitectura convencional cliente/servidor. Tecnologías de backend a tener en el radar Antonio nos cuenta algunas tecnologías a tener muy en cuenta como la contenerización, micro-servicios, serverless, entornos elásticos en la nube y la asincronía. También reserva un espacio para hablar sobre el papel de JavaScript en el lado servidor y sus reservas con respecto a sus ventajas en materia de asincronía. Por último Antonio nos ha contado sus proyectos futuros, como una web de cursos de desarrollo, estudiando tecnologías como Data Science y NoSQL.

Recording date: 2020-04-09John Papa @John_PapaWard Bell @WardBellDan Wahlin @DanWahlinCraig Shoemaker @craigshoemakerDaniel Roe @DanielcRoeBrought to you byag-Grid Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today.Resources:VueNuxtGraphQLPostgressDeploy Vue to AzurePostgress on AzureNuxt and Server Side Rendering (SSR)Deploying Apollo and GraphQL with AzureParent SchemeZeit nowZeit now and lambdaFAASServerless Functions and NuxtCDNNuxt Server MiddlewareTime To Interactivity (TTI)Daniel's word: floccinaucinihilipilificationHow to sound smart in your TEDx TalkTimejumps01:41 Guest introduction09:14 Sponsor: Ag Grid10:19 What are Nuxt, Vue, and GraphQL?13:25 Why is Server Side Rendering important?20:59 Hosting on Lambda29:08 Sponsor: Nrwl29:43 How easy is it to go client rendered?36:13 What's the difference between Nuxt and Vue?40:33 Quicklinks42:57 What are the challenges with Nuxt?51:51 Final thoughts

Traditionally the web has consisted of fully Server Side Rendered (SSR) web pages. As new technologies popped up, more and more dynamic features got introduced. Then, came along React and the golden time of JavaScript based Single Page Applications (SPA). But now, we have gone full circle and “everyone” is talking about SSR again. Why? Presenter - Olavi Haapala

Traditionally the web has consisted of fully Server Side Rendered (SSR) web pages. As new technologies popped up, more and more dynamic features got introduced. Then, came along React and the golden time of JavaScript based Single Page Applications (SPA). But now, we have gone full circle and “everyone” is talking about SSR again. Why? Presenter - Olavi Haapala

In episode 6, Rocket Insights developers Brandon Aaskov, Scott O'Brien, Adam Fraser and Matt Merrill take a deep dive into Single Page Applications (SPA's): How did we end up with SPA's over Server Side Rendered (SSR) apps?  What problems do SPA's solve?  When should and shouldn't SPA's be created? They explore the idea that perhaps developers create SPA's because it's fun, but we forget about user experience.  The phrase "Postmodern Hellscape" is uttered.  They also explore a solution that might provide the best of SPA's and Server Side Rendering (spoiler alert: it's next.js/nuxt.js)! Detailed Discussion Topics: 0:00:00 - Intros & Background of SPA's - From AJAX to Electron.  Some personal history. 0:05:40 - Flash and Flex were the original SPA's! How did we end up at SPA's from Server Side Rendering? 0:11:15 - What problems do SPA's solve?  UI's are hard to make user-friendly.  CSS and HTML limit us compared to Native apps. 0:20:15 - Are we prioritizing developer experience over user experience? 0:22:00 - When should you use a SPA? Feel is important. Consumer facing vs. non-consumer facing applications. 0:27:30 - When shouldn't you use a SPA? 0:32:00 - Developers are spoiled! Resume Driven Development/Hype Driven Development. 0:43:00 - Why are you building what you're building? 0:48:00 - Routing is important. Should you be doing routing in the client at all? 0:52:00 - Next.js / Nuxt.js - The best of both worlds? 0:58:50 - A lightweight server might be the best answer. 1:00:00 - The difference between replicating your database on the frontend and UI specific state on the client 1:03:00 - Wrappin' it up. 1:04:00 - Picks! Brandon - The Oculus Quest Matt - 20khz Podcast Adam - Vizhub Scott - Lighthouse 

In episode 2, host Brandon Aaskov (Principal Software Developer, Rocket Insights) talks with Rocket Insights software developers Brian Manning, Jon Principe  about the challenge of Developer phone screens and how we go about conducting them.  We then move on to discuss whether or not to use homework as part of the interview process.  As usual, we end with picks and then go into an extended discussion of Elixir and Phoenix! Topics: 0:00 - Intros 1:00 - What we do for phone screens 4:50 - What should you focus on in a phone screen? 8:50 - Should we give out homework?  When? 11:45 - (Justified) Resistance to homework 15:20 - Updating existing codebases instead of new code 18:30 - Picks! Brandon - Bandersnatch  Brian - Weapons of Math Destruction - Cathy O'Neill Jon - Elixir Phoenix Live Views 21:00 - The magic of Elixir and the return of Server Side Rendering!?

In this episode Matt and Mike discuss the difference between various types of websites including static states, server side rendering, and single page apps. With so many different ways to code up and deliver websites to users, the choice isn't always simple. Performance, infrastructure/hosting type, and of course the learning curve all play a factor in what type of website you'll create for your users. This episode goes over some of the technologies at play with each type. Then later in the weekly Web News segment, we discuss the HTML All The Things website and how the project has evolved over time before coding has even begun. You can find us on... Facebook | Twitter | Instagram RSS | Patreon | Spotify Medium | YouTube | GitHub  Reddit | Discord

In this Hasty Treat, Scott and Wes talk about server side rendering — what it is, how to use it, best practices, things to avoid, and more! Sentry - Sponsor If you want to know what’s happening with your errors, track them with Sentry. Sentry is open-source error tracking that helps developers monitor and fix crashes in real time. Cut your time on error resolution from five hours to five minutes. It works with any language and integrates with dozens of other services. Syntax listeners can get two months for free by visiting Sentry.io and using the coupon code “tastytreat”. Show Notes 3:20 - What is SSR? 4:16 - Why SSR at all? 8:39 - Platforms that do SSR out of the box 11:18 - Gotchas useLayoutEffect import { useEffect, useLayoutEffect } from 'react' const useIsoLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect export default useIsoLayoutEffect 18:20 - Tools Links Next.js Gatsby Webpack Parcel Meteor React NoSSR component Syntax 127: Hasty Treat - React Suspense Tweet us your tasty treats! Scott’s Instagram LevelUpTutorials Instagram Wes’ Instagram Wes’ Twitter Wes’ Facebook Scott’s Twitter Make sure to include @SyntaxFM in your tweets

This episode, Chris and Spencer discuss server-side rendering with React and TypeScript along with the challenges of incorporating other libraries.

JavaScript Jabber celebrates its 400th episode with former host Dave Smith and some other familiar voices. Each of the panelists talks about what they’ve been up to. Dave hasn’t been on the show for 3 years, but he and Jameson Dance have started a podcast called Soft Skills Engineering where they answer questions about the non-technical side of engineering. When he left the show he was the director of engineering on Hire View, and currently he works for Amazon on Alexa.  Christopher Buecheler has been on several JSJ, RRU, and MJS episodes. His time is divided between contracting for startups and his own company closebrace.com, a tutorial and resource site for JavaScript developers.  Dan Shapir has also been on JSJ as a guest, and is currently works for Wix doing performance tech. He enjoys speaking at conferences, such as JS Camp in Bucharest, Romania and the YGLF conference. Steve Edwards was previously on MJS 078. He started on Drupal in the PHP world, switched to JavaScript, and then a few years ago he started looking at Vue. Now he does Vue fulltime for ImageWare Systems. As for Charles, his primary focus is the podcasts, since DevChat.tv produces around 20 episodes per week. 5 new shows were started in July, and he talks about some of the challenges that that brought. One of his most popular shows recently was JSJ 389: What makes a 10x Engineer? This helped him realize that he wants to help teach people how to be a successful engineer, so he’s working on launching a new show about it.  The panelists share some of their favorite JSJ episodes. They discuss the tendency of JSJ to get early access to these fascinating people when the conversation was just beginning, such as the inventor of Redux Dan Abramov, before their rise to stardom. The talk about the rise in popularity of podcasting in general. They agree that even though JavaScript is evolving and changing quickly, it’s still helpful to listen to old episodes.  Charles talks about the influence JavaScript Jabber has had on other podcasts. It has spawned several spinoffs, including My JavaScript Story. He’s had several hosts start their own DevChat.tv shows based off JavaScript Jabber, including Adventures in Angular and The DevEd Podcast. JavaScript Jabber has also been the inspiration for other podcasts that aren’t part of DevChat.tv. There aren’t many podcast companies that produce as many shows as they do and they’re developing their own tools. DevChat.tv moved off of WordPress and is in the process of moving over to Podwrench. Charles talks about all the new shows that have been launched, and his view on ‘competing’ podcasts. Charles is also considering doing an audio drama that happens in a programming office, so if you would like to write and/or voice that  show, he invites you to contact him.  The show concludes with the panel talking about the projects they’ve been working on that they want listeners to check out. Christopher invites listeners to check out closebrace.com. He also has plans to write a short ebook on unit testing with jest, considered doing his own podcast, and invites people to check out his fiction books on his website. Dan talks about his involvement with Wix, a drag and drop website service, that recently released a technology called Corvid which lets you write JS into the website you build with Wix. This means you can design your user interface using Wix, but then automate it, add events functionality, etc. Dan is also going to be at the Chrome Dev Summit conference. Dave invites listeners to check out the Soft Skills Engineering podcast, and Charles invites listeners to subscribe to his new site maxcoders.io.  Panelists Dan Shapir Christopher Buecheler Steve Edwards Dave Smith Charles Max Wood Sponsors Tidelift Sentry use the code “devchat” for 2 months free on Sentry’s small plan Adventures in .NET Links The Dev Rev MJS 099: Christopher Buecheler JSJ 338: It's Supposed to Hurt. Get Outside of Your Comfort Zone to Master Your Craft with Christopher Buecheler RRU 029: Christopher Buecheler Getting Ready to Teach Lessons Learned from Building an 84 Tutorial Software Course MJS 108: Dan Shapir JSJ 334: Web Performance API with Dan Shapir JSJ 371: The Benefits and Challenges of Server Side Rendering with Dan Shapir MJS 078: Steve Edwards JSJ 179: Redux and React with Dan Abramov JSJ 187: Vue.js with Evan You JSJ 383: What is JavaScript? JSJ 385: What Can You Build with JavaScript JSJ 390: Transposit with Adam Leventhal JSJ 395: The New Ember with Mike North JSJ 220: Teaching JavaScript with Kyle Simpson JSJ 313: Light Functional JavaScript with Kyle Simpson JSJ 124: The Origin of JavaScript with Brendan Eich JSJ 073: React with Pete Hunt and Jordan Walke JSJ 392: The Murky Past and Misty Future of JavaScript with Douglas Crockford JSJ 391: Debugging with Todd Gardner JSJ 389: What Makes a 10x Engineer? cwbuecheler.com  Closebrace.com Corvid by Wix   Soft Skills Engineering podcast maxcoders.io                                                                                                                                                                           Follow DevChatTV on Facebook and Twitter Picks Steve Edwards: form.io Christopher Buecheler: Apollo GraphQL Playground @TheTimeCowboy Jake Lawrence Charles Max Wood: St. George Marathon GU Energy Original Sports Nutrition Energy Gel Vrbo devchat.tv/15minutes Dan Shapir: Revolutions by Mike Duncan podcast The Winter of the World book series Dave Smith: 13 Minutes to the Moon podcast by BBC The Mind

JavaScript Jabber celebrates its 400th episode with former host Dave Smith and some other familiar voices. Each of the panelists talks about what they’ve been up to. Dave hasn’t been on the show for 3 years, but he and Jameson Dance have started a podcast called Soft Skills Engineering where they answer questions about the non-technical side of engineering. When he left the show he was the director of engineering on Hire View, and currently he works for Amazon on Alexa.  Christopher Buecheler has been on several JSJ, RRU, and MJS episodes. His time is divided between contracting for startups and his own company closebrace.com, a tutorial and resource site for JavaScript developers.  Dan Shapir has also been on JSJ as a guest, and is currently works for Wix doing performance tech. He enjoys speaking at conferences, such as JS Camp in Bucharest, Romania and the YGLF conference. Steve Edwards was previously on MJS 078. He started on Drupal in the PHP world, switched to JavaScript, and then a few years ago he started looking at Vue. Now he does Vue fulltime for ImageWare Systems. As for Charles, his primary focus is the podcasts, since DevChat.tv produces around 20 episodes per week. 5 new shows were started in July, and he talks about some of the challenges that that brought. One of his most popular shows recently was JSJ 389: What makes a 10x Engineer? This helped him realize that he wants to help teach people how to be a successful engineer, so he’s working on launching a new show about it.  The panelists share some of their favorite JSJ episodes. They discuss the tendency of JSJ to get early access to these fascinating people when the conversation was just beginning, such as the inventor of Redux Dan Abramov, before their rise to stardom. The talk about the rise in popularity of podcasting in general. They agree that even though JavaScript is evolving and changing quickly, it’s still helpful to listen to old episodes.  Charles talks about the influence JavaScript Jabber has had on other podcasts. It has spawned several spinoffs, including My JavaScript Story. He’s had several hosts start their own DevChat.tv shows based off JavaScript Jabber, including Adventures in Angular and The DevEd Podcast. JavaScript Jabber has also been the inspiration for other podcasts that aren’t part of DevChat.tv. There aren’t many podcast companies that produce as many shows as they do and they’re developing their own tools. DevChat.tv moved off of WordPress and is in the process of moving over to Podwrench. Charles talks about all the new shows that have been launched, and his view on ‘competing’ podcasts. Charles is also considering doing an audio drama that happens in a programming office, so if you would like to write and/or voice that  show, he invites you to contact him.  The show concludes with the panel talking about the projects they’ve been working on that they want listeners to check out. Christopher invites listeners to check out closebrace.com. He also has plans to write a short ebook on unit testing with jest, considered doing his own podcast, and invites people to check out his fiction books on his website. Dan talks about his involvement with Wix, a drag and drop website service, that recently released a technology called Corvid which lets you write JS into the website you build with Wix. This means you can design your user interface using Wix, but then automate it, add events functionality, etc. Dan is also going to be at the Chrome Dev Summit conference. Dave invites listeners to check out the Soft Skills Engineering podcast, and Charles invites listeners to subscribe to his new site maxcoders.io.  Panelists Dan Shapir Christopher Buecheler Steve Edwards Dave Smith Charles Max Wood Sponsors Tidelift Sentry use the code “devchat” for 2 months free on Sentry’s small plan Adventures in .NET Links The Dev Rev MJS 099: Christopher Buecheler JSJ 338: It's Supposed to Hurt. Get Outside of Your Comfort Zone to Master Your Craft with Christopher Buecheler RRU 029: Christopher Buecheler Getting Ready to Teach Lessons Learned from Building an 84 Tutorial Software Course MJS 108: Dan Shapir JSJ 334: Web Performance API with Dan Shapir JSJ 371: The Benefits and Challenges of Server Side Rendering with Dan Shapir MJS 078: Steve Edwards JSJ 179: Redux and React with Dan Abramov JSJ 187: Vue.js with Evan You JSJ 383: What is JavaScript? JSJ 385: What Can You Build with JavaScript JSJ 390: Transposit with Adam Leventhal JSJ 395: The New Ember with Mike North JSJ 220: Teaching JavaScript with Kyle Simpson JSJ 313: Light Functional JavaScript with Kyle Simpson JSJ 124: The Origin of JavaScript with Brendan Eich JSJ 073: React with Pete Hunt and Jordan Walke JSJ 392: The Murky Past and Misty Future of JavaScript with Douglas Crockford JSJ 391: Debugging with Todd Gardner JSJ 389: What Makes a 10x Engineer? cwbuecheler.com  Closebrace.com Corvid by Wix   Soft Skills Engineering podcast maxcoders.io                                                                                                                                                                           Follow DevChatTV on Facebook and Twitter Picks Steve Edwards: form.io Christopher Buecheler: Apollo GraphQL Playground @TheTimeCowboy Jake Lawrence Charles Max Wood: St. George Marathon GU Energy Original Sports Nutrition Energy Gel Vrbo devchat.tv/15minutes Dan Shapir: Revolutions by Mike Duncan podcast The Winter of the World book series Dave Smith: 13 Minutes to the Moon podcast by BBC The Mind

JavaScript Jabber celebrates its 400th episode with former host Dave Smith and some other familiar voices. Each of the panelists talks about what they’ve been up to. Dave hasn’t been on the show for 3 years, but he and Jameson Dance have started a podcast called Soft Skills Engineering where they answer questions about the non-technical side of engineering. When he left the show he was the director of engineering on Hire View, and currently he works for Amazon on Alexa.  Christopher Buecheler has been on several JSJ, RRU, and MJS episodes. His time is divided between contracting for startups and his own company closebrace.com, a tutorial and resource site for JavaScript developers.  Dan Shapir has also been on JSJ as a guest, and is currently works for Wix doing performance tech. He enjoys speaking at conferences, such as JS Camp in Bucharest, Romania and the YGLF conference. Steve Edwards was previously on MJS 078. He started on Drupal in the PHP world, switched to JavaScript, and then a few years ago he started looking at Vue. Now he does Vue fulltime for ImageWare Systems. As for Charles, his primary focus is the podcasts, since DevChat.tv produces around 20 episodes per week. 5 new shows were started in July, and he talks about some of the challenges that that brought. One of his most popular shows recently was JSJ 389: What makes a 10x Engineer? This helped him realize that he wants to help teach people how to be a successful engineer, so he’s working on launching a new show about it.  The panelists share some of their favorite JSJ episodes. They discuss the tendency of JSJ to get early access to these fascinating people when the conversation was just beginning, such as the inventor of Redux Dan Abramov, before their rise to stardom. The talk about the rise in popularity of podcasting in general. They agree that even though JavaScript is evolving and changing quickly, it’s still helpful to listen to old episodes.  Charles talks about the influence JavaScript Jabber has had on other podcasts. It has spawned several spinoffs, including My JavaScript Story. He’s had several hosts start their own DevChat.tv shows based off JavaScript Jabber, including Adventures in Angular and The DevEd Podcast. JavaScript Jabber has also been the inspiration for other podcasts that aren’t part of DevChat.tv. There aren’t many podcast companies that produce as many shows as they do and they’re developing their own tools. DevChat.tv moved off of WordPress and is in the process of moving over to Podwrench. Charles talks about all the new shows that have been launched, and his view on ‘competing’ podcasts. Charles is also considering doing an audio drama that happens in a programming office, so if you would like to write and/or voice that  show, he invites you to contact him.  The show concludes with the panel talking about the projects they’ve been working on that they want listeners to check out. Christopher invites listeners to check out closebrace.com. He also has plans to write a short ebook on unit testing with jest, considered doing his own podcast, and invites people to check out his fiction books on his website. Dan talks about his involvement with Wix, a drag and drop website service, that recently released a technology called Corvid which lets you write JS into the website you build with Wix. This means you can design your user interface using Wix, but then automate it, add events functionality, etc. Dan is also going to be at the Chrome Dev Summit conference. Dave invites listeners to check out the Soft Skills Engineering podcast, and Charles invites listeners to subscribe to his new site maxcoders.io.  Panelists Dan Shapir Christopher Buecheler Steve Edwards Dave Smith Charles Max Wood Sponsors Tidelift Sentry use the code “devchat” for 2 months free on Sentry’s small plan Adventures in .NET Links The Dev Rev MJS 099: Christopher Buecheler JSJ 338: It's Supposed to Hurt. Get Outside of Your Comfort Zone to Master Your Craft with Christopher Buecheler RRU 029: Christopher Buecheler Getting Ready to Teach Lessons Learned from Building an 84 Tutorial Software Course MJS 108: Dan Shapir JSJ 334: Web Performance API with Dan Shapir JSJ 371: The Benefits and Challenges of Server Side Rendering with Dan Shapir MJS 078: Steve Edwards JSJ 179: Redux and React with Dan Abramov JSJ 187: Vue.js with Evan You JSJ 383: What is JavaScript? JSJ 385: What Can You Build with JavaScript JSJ 390: Transposit with Adam Leventhal JSJ 395: The New Ember with Mike North JSJ 220: Teaching JavaScript with Kyle Simpson JSJ 313: Light Functional JavaScript with Kyle Simpson JSJ 124: The Origin of JavaScript with Brendan Eich JSJ 073: React with Pete Hunt and Jordan Walke JSJ 392: The Murky Past and Misty Future of JavaScript with Douglas Crockford JSJ 391: Debugging with Todd Gardner JSJ 389: What Makes a 10x Engineer? cwbuecheler.com  Closebrace.com Corvid by Wix   Soft Skills Engineering podcast maxcoders.io                                                                                                                                                                           Follow DevChatTV on Facebook and Twitter Picks Steve Edwards: form.io Christopher Buecheler: Apollo GraphQL Playground @TheTimeCowboy Jake Lawrence Charles Max Wood: St. George Marathon GU Energy Original Sports Nutrition Energy Gel Vrbo devchat.tv/15minutes Dan Shapir: Revolutions by Mike Duncan podcast The Winter of the World book series Dave Smith: 13 Minutes to the Moon podcast by BBC The Mind

Mit Code-Golf-Großmeister Marvin Hagemeister (Webseite, Twitter) hatten wir in dieser Revision das Vergnügen, das Warum und das Wie von Preact zu ergründen. Schaunotizen [00:01:00] Preact Preact (Github) ist ein 3kb-Front-Framework mit einer React-artige API. Wegen des schon immer ausgezeichneten Supports für Server-Side-Rendering fand Marvin erst Interesse an Preact und dann uns seinen Weg in das […]

Sponsors Triplebyte offers a $1000 signing bonus Sentry use the code “devchat” for $100 credit CacheFly Panel Charles Max Wood Joe Eames Christopher Buecheler Aimee Knight AJ O’Neal Joined by special guest: Dan Shappir Episode Summary In this episode of JavaScript Jabber, special guest Dan Shappir, Performance Tech Lead at Wix, kicks off the discussion by defining server-side rendering (SSR) along with giving its historical background, and touches on the differences between server rendering and server-side rendering. He helps listeners understand in detail how SSR is beneficial for the web and takes questions from the panel about how it affects web performance in cases where first-time users and returning users are involved, and how does SSR fare against technologies such as pre-rendering. He then elaborates on the pitfalls and challenges of SSR including managing and declaring variables, memory leaks, performance issues, handling SEO, and more, along with ways to mitigate them. In the end, Dan sheds some light on when should developers use SSR and how should they start working with it. Links Dan’s Twitter Dan’s GitHub SSR WeakMap Follow JavaScript Jabber on Devchat.tv, Facebook and Twitter. Picks Christopher Buecheler: Tip - Take some time off once in a while Aimee Knight: Learning How to Learn: Powerful mental tools to help you master tough subjects AJ O’Neal: Fatherhood! Joe Eames: Tiny Towns The Goldbergs Charles Max Wood: EverywhereJS Christopher Buecheler’s books Get a Coder Job - Publishing soon! Dan Shappir: Quora Corvid by Wix You Gotta Love Frontend Conferences

Sponsors Triplebyte offers a $1000 signing bonus Sentry use the code “devchat” for $100 credit CacheFly Panel Charles Max Wood Joe Eames Christopher Buecheler Aimee Knight AJ O’Neal Joined by special guest: Dan Shappir Episode Summary In this episode of JavaScript Jabber, special guest Dan Shappir, Performance Tech Lead at Wix, kicks off the discussion by defining server-side rendering (SSR) along with giving its historical background, and touches on the differences between server rendering and server-side rendering. He helps listeners understand in detail how SSR is beneficial for the web and takes questions from the panel about how it affects web performance in cases where first-time users and returning users are involved, and how does SSR fare against technologies such as pre-rendering. He then elaborates on the pitfalls and challenges of SSR including managing and declaring variables, memory leaks, performance issues, handling SEO, and more, along with ways to mitigate them. In the end, Dan sheds some light on when should developers use SSR and how should they start working with it. Links Dan’s Twitter Dan’s GitHub SSR WeakMap Follow JavaScript Jabber on Devchat.tv, Facebook and Twitter. Picks Christopher Buecheler: Tip - Take some time off once in a while Aimee Knight: Learning How to Learn: Powerful mental tools to help you master tough subjects AJ O’Neal: Fatherhood! Joe Eames: Tiny Towns The Goldbergs Charles Max Wood: EverywhereJS Christopher Buecheler’s books Get a Coder Job - Publishing soon! Dan Shappir: Quora Corvid by Wix You Gotta Love Frontend Conferences

Sponsors Triplebyte offers a $1000 signing bonus Sentry use the code “devchat” for $100 credit CacheFly Panel Charles Max Wood Joe Eames Christopher Buecheler Aimee Knight AJ O’Neal Joined by special guest: Dan Shappir Episode Summary In this episode of JavaScript Jabber, special guest Dan Shappir, Performance Tech Lead at Wix, kicks off the discussion by defining server-side rendering (SSR) along with giving its historical background, and touches on the differences between server rendering and server-side rendering. He helps listeners understand in detail how SSR is beneficial for the web and takes questions from the panel about how it affects web performance in cases where first-time users and returning users are involved, and how does SSR fare against technologies such as pre-rendering. He then elaborates on the pitfalls and challenges of SSR including managing and declaring variables, memory leaks, performance issues, handling SEO, and more, along with ways to mitigate them. In the end, Dan sheds some light on when should developers use SSR and how should they start working with it. Links Dan’s Twitter Dan’s GitHub SSR WeakMap Follow JavaScript Jabber on Devchat.tv, Facebook and Twitter. Picks Christopher Buecheler: Tip - Take some time off once in a while Aimee Knight: Learning How to Learn: Powerful mental tools to help you master tough subjects AJ O’Neal: Fatherhood! Joe Eames: Tiny Towns The Goldbergs Charles Max Wood: EverywhereJS Christopher Buecheler’s books Get a Coder Job - Publishing soon! Dan Shappir: Quora Corvid by Wix You Gotta Love Frontend Conferences

Un épisode avec : - Maxime (https://twitter.com/MoOx) - Mathieu (https://twitter.com/Zoontek) - Georges (https://twitter.com/jojmaht) - Matthias (https://twitter.com/bloodyowl) Les liens: - Le nouveau site: https://putaindecode.io - Comment on l'a fait: https://putaindecode.io/articles/comment-on-a-fait-ce-site - Les sources: https://github.com/putaindecode/putaindecode.io - ReactDOMServer: https://reactjs.org/docs/react-dom-server.html - Emotion: https://emotion.sh/docs/introduction - React Native Web: https://github.com/necolas/react-native-web - Prerender.io : https://prerender.io

Server Side Rendering is a commonly confused topic, so I'm back with a new episode to explain the benefits and a bit on how it works.

Добрый день уважаемые слушатели. Представляем новый выпуск подкаста RWpod. В этом выпуске: Ruby Ruby 2.6 adds RubyVM::AST module и Introducing Action Text for Rails 6 Service Objects for API Interactions with Twilio, Destructuring Methods in Ruby и 5 security issues in Ruby on Rails apps from real life Falcon - a multi-process, multi-fiber rack-compatible HTTP server, TensorStream::Opencl - an OpenCL backend for TensorStream и Cibyl - lightweight curly-bracket language which compiles to Ruby and Crystal JavaScript Hacktoberfest 2018 и Calls between JavaScript and WebAssembly are finally fast A comparison of Server Side Rendering in React and Angular applications и Death by a thousand cuts - a checklist for eliminating common React performance issues Cogear.JS – modern static websites generator, imgToAscii - a JavaScript implementation of a image to ascii converter и Sal.js - lightweight scroll animation library

En este episodio, estrenamos co-host oficial: David Hackro; ¡Bienvenido al Equipo!. Platicamos entre otras cosas los planes de viajero de Hackro, tips para aprender temas básicos de JavaScript, Server-Side Rendering y cerramos platicando de código legacy y el Efecto COBOL.

It's a Potluck episode - you bring the questions and we turn them into tasty treats. DeployHQ - Sponsor DeployHQ is the easiest way to deploy websites to your servers. Invite your team and set up automated deployment processes to: Compile a production build of your assets Deploy securely to servers behind VPNs and firewalls Execute SSH commands Manage and upload your config files Preview and schedule deployments Track and monitor your deployments in real-time Deploy to multiple servers at the same time, whether that be your own server via FTP/SSH, or an Amazon S3 bucket. You can even start deployments automatically whenever you push! Instant setup for repositories hosted on GitHub, Bitbucket, GitLab and Codebase, plus realtime notifications in your favourite chat services like Slack or HipChat. To get 50% off your first 6 months, head on over to deployhq.com/syntax. The first 25 listeners to deploy successfully will receive a FREE branded mug or t-shirt! Fluent Conf - Sponsor Developers, software engineers, designers, and web performance professionals flock to Fluent in pursuit of a common goal: building a better web. That means delivering fast, secure, accessible experiences to users and customers. Fluent covers a broad range of technologies and topics to provide web programming professionals with the skills, connections, and inspiration needed to build better online and mobile experiences. Fluent is this June 11-14 in San Jose, CA. Save 20% today with code: SYNTAX Submit Your Questions Here Show Notes 02:44 What are your thoughts on Vue.js? VuePress Nuxt 6:20 What are your thoughts on Typescript and Flow? Typescript Flow 10:45 What was your biggest breakthrough in Programming? Nude.js 20:00 Any tips, tools and tricks to avoid procrastination The productivity episode Sort by anxiety Eat That Frog Todoist 25:00 Thoughts on CMSes? Headless? Database Driven? Static Site Generator? Headless WordPress Gatsby 34:00 How can I start creating and selling courses? 40:00 How did you two become renown in the developer community? We don't think we're renown :) YouTube Ad Revenue is poor 46:00 Server Side Rendering with JavaScript Apps 53:00 Is Yeoman still a thing? ×SICK×PICKS× Scott: Eat That Frog Wes: DevDocs.io PWA Shameless Plugs Vue.js for Everyone Wes' Course SMASH that Subscribe Button on Wes' YouTube Tweet us your tasty treats! Scott's Instagram LevelUpTutorials Instagram Wes' Instagram Wes' Twitter Wes' Facebook Scott's Twitter Make sure to include @SyntaxFM in your tweets

Brian is joined by Trey Huffine, software engineer at Postmates, to discusses the pros and cons of server-side rendering and the joys of React. The post Ep. #24, Server-Side Rendering with Trey Huffine of Postmates appeared first on Heavybit.

Brian is joined by Trey Huffine, software engineer at Postmates, to discusses the pros and cons of server-side rendering and the joys of React.

Michael and Jake managed to record this week whilst Michael's family was visiting to talk about mince pies, changes coming in Laravel 5.4, new versions of Homestead and Valet, and Vue JS server-side rendering.

Criar uma única página que dê a sensação de estar em uma aplicação. Essa é uma das definições questionáveis de Single Page Applications, uma técnica já antiga mas cada vez mais na moda para dar uma usabilidade mais interessante a suas páginas. Um episódio marcado pelo desconhecimento do nosso querido host, uma história sobre antepassados lusitanos e o esquecimento do emberjs. Warning: três novos e confusos frameworks de JavaScript foram criados durante a gravação desse podcast. Participantes: Paulo Silveira, host do hipsters, aplicando jQuery de forma errada Mauricio Linhares, o cohost da risada que todos gostaríamos de ter Sergio Lopes, o cohost que ainda não tinha musiquinha e não ama SPAs Flávio Almeida, desenvolvedor e instrutor, quase 1000 horas de Destiny online Alberto Souza, o soteropolitano da Caelum Links de ferramentas citadas e artigos: Como é aprender JavaScript em 2016 (em inglês) Páginas oficiais do Angular, React, Backbone e Ember. Server Side Rendering com Angular 2 e React. Cursos de JavaScript ES6, React, Angular 1 e Angular 2 na Alura Produção e conteúdo: Alura Cursos online de Tecnologia - https://www.alura.com.br === Caelum Ensino e Inovação Edição e sonorização: Radiofobia Podcast e Multimídia

Criar uma única página que dê a sensação de estar em uma aplicação. Essa é uma das definições questionáveis de Single Page Applications, uma técnica já antiga mas cada vez mais na moda para dar uma usabilidade mais interessante a suas páginas. Um episódio marcado pelo desconhecimento do nosso querido host, uma história sobre antepassados lusitanos e o esquecimento do emberjs. Warning: três novos e confusos frameworks de JavaScript foram criados durante a gravação desse podcast. Participantes: Paulo Silveira, host do hipsters, aplicando jQuery de forma errada Mauricio Linhares, o cohost da risada que todos gostaríamos de ter Sergio Lopes, o cohost que ainda não tinha musiquinha e não ama SPAs Flávio Almeida, desenvolvedor e instrutor, quase 1000 horas de Destiny online Alberto Souza, o soteropolitano da Caelum Links de ferramentas citadas e artigos: Como é aprender JavaScript em 2016 (em inglês) Páginas oficiais do Angular, React, Backbone e Ember. Server Side Rendering com Angular 2 e React. Cursos de JavaScript ES6, React, Angular 1 e Angular 2 na Alura Produção e conteúdo: Alura Cursos online de Tecnologia - https://www.alura.com.br === Caelum Ensino e Inovação Edição e sonorização: Radiofobia Podcast e Multimídia

Criar uma única página que dê a sensação de estar em uma aplicação. Essa é uma das definições questionáveis de Single Page Applications, uma técnica já antiga mas cada vez mais na moda para dar uma usabilidade mais interessante a suas páginas. Um episódio marcado pelo desconhecimento do nosso querido host, uma história sobre antepassados lusitanos e o esquecimento do emberjs. Warning: três novos e confusos frameworks de JavaScript foram criados durante a gravação desse podcast. Participantes: Paulo Silveira, host do hipsters, aplicando jQuery de forma errada Mauricio Linhares, o cohost da risada que todos gostaríamos de ter Sergio Lopes, o cohost que ainda não tinha musiquinha e não ama SPAs Flávio Almeida, desenvolvedor e instrutor, quase 1000 horas de Destiny online Alberto Souza, o soteropolitano da Caelum Links de ferramentas citadas e artigos: Como é aprender JavaScript em 2016 (em inglês) Páginas oficiais do Angular, React, Backbone e Ember. Server Side Rendering com Angular 2 e React. Cursos de JavaScript ES6, React, Angular 1 e Angular 2 na Alura Produção e conteúdo: Alura Cursos online de Tecnologia - https://www.alura.com.br === Caelum Ensino e Inovação Edição e sonorização: Radiofobia Podcast e Multimídia

02:43 - Amit Kaufman Introduction GitHub Wix 03:07 - Avi Marcus Introduction GitHub Wix 04:35 - Why Move Your Rendering Engine to React? [GitHub] react 07:25 - Using JavaScript Object-Oriented Programming 09:57 - Business Process and Progression (Getting Managerial Approval) Client-Side vs. Server-Side Rendering 12:46 - Manipulation 15:11 - Layout and Performance Measuring and Patching 20:21 - Building Client-Side Applications in General Abstraction Make Code Predictable and Clear Have a Goal 26:00 - Events 29:30 - Storage Lazy Components 31:31 - Immutability 34:36 - Flux and Keeping Code Maintainable Packages 38:19 - Two-way Data Binding Picks Notes on the book "Art & Fear" by David Bayles & Ted Orland (Jamison) Papers (Jamison) Dynamo: Amazon’s Highly Available Key-value Store (Jamison) LDS Conference Talks (AJ) Stephen Young: Why your code is so hard to understand (Aimee) Kombucha (Aimee) Pascal Precht: Integrating Web Components with AngularJS (Pascal) Template Syntax Constraints and Reasoning (Design Doc) (Pascal) RUNNING WITH RIFLES (Joe) [Pluralsight Webinar] AngularJS 2.0: What you need to know with Joe (Joe) Whiplash (Amit) Dan Ariely: What makes us feel good about our work? (Amit) React Templates (Amit) Esprima (Avi) Big Hero 6 (Avi)   Check out and sign up to get new on React Rally: A community React conference on August 24th and 25th in Salt Lake City, Utah!

02:43 - Amit Kaufman Introduction GitHub Wix 03:07 - Avi Marcus Introduction GitHub Wix 04:35 - Why Move Your Rendering Engine to React? [GitHub] react 07:25 - Using JavaScript Object-Oriented Programming 09:57 - Business Process and Progression (Getting Managerial Approval) Client-Side vs. Server-Side Rendering 12:46 - Manipulation 15:11 - Layout and Performance Measuring and Patching 20:21 - Building Client-Side Applications in General Abstraction Make Code Predictable and Clear Have a Goal 26:00 - Events 29:30 - Storage Lazy Components 31:31 - Immutability 34:36 - Flux and Keeping Code Maintainable Packages 38:19 - Two-way Data Binding Picks Notes on the book "Art & Fear" by David Bayles & Ted Orland (Jamison) Papers (Jamison) Dynamo: Amazon’s Highly Available Key-value Store (Jamison) LDS Conference Talks (AJ) Stephen Young: Why your code is so hard to understand (Aimee) Kombucha (Aimee) Pascal Precht: Integrating Web Components with AngularJS (Pascal) Template Syntax Constraints and Reasoning (Design Doc) (Pascal) RUNNING WITH RIFLES (Joe) [Pluralsight Webinar] AngularJS 2.0: What you need to know with Joe (Joe) Whiplash (Amit) Dan Ariely: What makes us feel good about our work? (Amit) React Templates (Amit) Esprima (Avi) Big Hero 6 (Avi)   Check out and sign up to get new on React Rally: A community React conference on August 24th and 25th in Salt Lake City, Utah!

02:43 - Amit Kaufman Introduction GitHub Wix 03:07 - Avi Marcus Introduction GitHub Wix 04:35 - Why Move Your Rendering Engine to React? [GitHub] react 07:25 - Using JavaScript Object-Oriented Programming 09:57 - Business Process and Progression (Getting Managerial Approval) Client-Side vs. Server-Side Rendering 12:46 - Manipulation 15:11 - Layout and Performance Measuring and Patching 20:21 - Building Client-Side Applications in General Abstraction Make Code Predictable and Clear Have a Goal 26:00 - Events 29:30 - Storage Lazy Components 31:31 - Immutability 34:36 - Flux and Keeping Code Maintainable Packages 38:19 - Two-way Data Binding Picks Notes on the book "Art & Fear" by David Bayles & Ted Orland (Jamison) Papers (Jamison) Dynamo: Amazon’s Highly Available Key-value Store (Jamison) LDS Conference Talks (AJ) Stephen Young: Why your code is so hard to understand (Aimee) Kombucha (Aimee) Pascal Precht: Integrating Web Components with AngularJS (Pascal) Template Syntax Constraints and Reasoning (Design Doc) (Pascal) RUNNING WITH RIFLES (Joe) [Pluralsight Webinar] AngularJS 2.0: What you need to know with Joe (Joe) Whiplash (Amit) Dan Ariely: What makes us feel good about our work? (Amit) React Templates (Amit) Esprima (Avi) Big Hero 6 (Avi)   Check out and sign up to get new on React Rally: A community React conference on August 24th and 25th in Salt Lake City, Utah!