Hosts of the Ruby Rogues Podcast, Dave Kimura and Valentino Stoll join JavaScript Jabber Panel on this week's crossover episode. They talk about both of the framework's useful features and how the JavaScript framework may be applied when creating Ruby applications. Additionally, they tackle each of their advantages and disadvantages.

On YouTube

The Best of JavaScript and Ruby in 2023 - JSJ 575

Sponsors 

• Chuck's Resume Template 
• Developer Book Club
• Become a Top 1% Dev with a Top End Devs Membership

Socials

• Twitter: @thecodenamev
• Twitter: @kobaltz

Ian Schwartz is a professional software developer. He joins the show to talk about Functional Programming. He begins by defining functional programming as well as some of the key terms they use. Additionally, they dive into the different Algebraic Data Types and React.

Sponsors 

• Chuck's Resume Template 
• Developer Book Club
• Become a Top 1% Dev with a Top End Devs Membership

Links

• Functional Wrappers for State Management
• Schwartz.World!
• GitHub: ianschwartz

Picks

• AJ - Callbags w/ Travis Barney
• AJ - No one can explain Monads
• AJ - The Lost Metal (Mistborn Era 2)
• AJ - The Knife of Never Letting Go (Chaos Walking)
• AJ - The Ballad of Songbirds and Snakes (Hunger Games)
• Chuck - The Quacks of Quedlinburg: MegaBox
• Chuck - The Pragmatic Programmer
• Chuck - PipelinePRO
• Dan - My appearance as a guest on the JavaScript Jam Twitter space
• Dan - The ongoing war in Ukraine
• Ian - LambdaCast on Apple Podcasts

Nadav Abrahami Co-Founder & Head of Innovation at Wix. Tom Raviv is Head of Developer Relations for Codux.com & Team Lead on Stylable.io. They join the show to talk about the recent release of, "Codux", the first visual IDE for React. They begin the episode as they talk about how they came about building the tool and their experience. Moreover, they talk about its features, components, and impact on users 

Sponsors 

• Chuck's Resume Template 
• Developer Book Club
• Become a Top 1% Dev with a Top End Devs Membership

Links

• Codux | Visual IDE for React
• Meet Codux
• Twitter: @CoduxIDE
• Twitter: @NadavWix
• Twitter: @RavivTom

Picks

• AJ - Earthing Pad
• AJ - Speed Controller
• AJ - Beyond Code Beta Course Workshops
• Dan - 15: The Meta Framework Revolution with Dan Shappir by FedBites
• Dan - The ongoing war in Ukraine
• Nadav - Kung Fu for Engineers
• Steve - Hinshark Bluetooth Beanie
• Tom - The Legend of Vox Machina

Andrzej Mazur is a HTML5 Game Developer. He joins the show alongside AJ and Chuck to talk about creating games in JavaScript. He begins by outlining his past and current experiences as a game developer. He offers some of his techniques to individuals who want to start developing web games.

Sponsors 

• Chuck's Resume Template 
• Developer Book Club
• Become a Top 1% Dev with a Top End Devs Membership

Links

• ENCLAVE GAMES
• js13kGames
• Gamedev.js
• Gamedev.js weekly
• Gamedev.js Warszawa
• FOREST CUTIES
• EnclaveGames/Enclave-Phaser-Template
• OpenGameArt
• Unity Asset Store
• Kenney Game Assets
• Global Game Jam
• webinstall.dev/aliasman
• GitHub: end3r
• LinkedIn: Andrzej Mazur
• Twitter: @end3r

Picks

• AJ - OC Remix
• AJ - Ballarini (Granitium Non-Stick Cookware) set
• AJ - Utility Series Keychain Knife
• AJ - EDC Fans Keychain Knife
• Andrzej - NeuroshimaHex.pl
• Andrzej - Gamedev.js Jam 2022
• Andrzej - Phaser
• Chuck - Mysterium 
• Chuck - Hold on to people you care about! 

Ryan Carniato is the Principal Engineer OSS at Netlify. He is the author of the SolidJS UI library. He joins the show to talk about where the JavaScript Frameworks are headed. They share their insights on the changes that occurred in React. Additionally, they talk about their perspective on React and other JavaScript frameworks. 

On YouTube

The State of JS Frameworks with Ryan Carniato: Part 2 - JSJ 571

Sponsors 

• Chuck's Resume Template
• Developer Book Club
• Become a Top 1% Dev with a Top End Devs Membership

Links

• Ryan Carniato - Dev
• Ryan Carniato | YouTube
• Twitter: @RyanCarniato
• AJ ONeal - Git

Picks

• AJ - ChatGPT-Dan
• Ryan - React.js: The Documentary - How it All Began

Ryan Carniato is the Principal Engineer OSS at Netlify. He is the author of the SolidJS UI library. He joins the show to talk about where the JavaScript Frameworks are headed. They share their insights on the changes that occurred in React. Additionally, they talk about their perspective on React and other JavaScript frameworks. 

Sponsors 

• Chuck's Resume Template
• Developer Book Club
• Become a Top 1% Dev with a Top End Devs Membership

Links

• Ryan Carniato - Dev
• Ryan Carniato | YouTube
• Twitter: @RyanCarniato

Alex Russell is the Partner Product Manager on Microsoft Edge. He joins the show to talk about web framework performance. He starts out by going over a few examples of user interactions from various web applications and how they affect their performance. Moreover, he gets into detail about the article he wrote, "The Performance Inequality Gap, 2023".

Sponsors 

• Chuck's Resume Template
• Developer Book Club
• Become a Top 1% Dev with a Top End Devs Membership

Links

• A Management Maturity Model for Performance
• The Performance Inequality Gap, 2023
• Depth-and-frequency
• multi-core scores
• single core scores
• Infrequently Noted
• GitHub: slightlyoff
• Twitter: @slightlylate

Picks 

• AJ - webinstall.dev/vim-ale
• Alex - open web advocacy
• Charles - Harry Potter: Death Eaters Rising 
• Charles - ARETE MEANS EXCELLENCE
• Dan - Dan Shappir at @JSJabber Web Dev podcast Poll

Taz Singh is the Founder of Guild. It is an all-in-one platform for Events, Presentations, and Discussions designed to reduce the burden as communities scale. He joins the show to talk about Guild and React Native. He begins by discussing his journey toward how he was able to create his company. He talks about their goals and what sets them apart from other platforms. Additionally, they tackle developing applications using React Native. 

About This Episode

• Future projects for Guild
• Using React Native to develop apps for Mobile
• Using React Native to develop apps for Web
• Tamagui
• 
  

Sponsors

• Chuck's Resume Template
• Developer Book Club
• Become a Top 1% Dev with a Top End Devs Membership

Links

• Guild
• Tamagui — React Native + Web UI kit
• Taz Singh
• LinkedIn: Taz Singh
• GitHub: tazsingh
• Twitter: @tazsingh
• Twitter: @guild__host

Picks

• AJ - AJScript ( (Moving to GPTScript)
• AJ - SNOWFLAKES ARE REAL!
• Charles - Top End Devs
• Dan - TypeScript 5.0 Beta Deep Dive
• Dan - React Streaming In Depth: NextJS! Remix! DIY!
• Taz - Guild

Lee Robinson is the VP of Developer Experience at Vercel. Vercel is the platform for frontend developers, providing the speed and reliability innovators need to create at the moment of inspiration. He joins Chuck on the show to talk about NextJS 13 and their company. He goes into great detail about how they continue to offer the finest user and development experience. Additionally, they talk about Vercel's features. 

Links

• Vercel
• Next.js Conf Keynote: Introducing Next.js 13 and Turbopack
• Vercel Analytics: Real-time Insights, Peak Performance
• Lee Robinson
• LinkedIn: Lee Robinson
• Twitter: @leeerob

Dan Shappir takes the lead for this week's panelist episode as he talks about hydration. Hydration is the technique of using client-side JavaScript to enhance server-rendered HTML with application state and interaction. In the context of Web performance, he explains why it is regarded as such an issue and its impact.

The second part of this episode is reviewing various ways in which modern frameworks, such as Qwik, Astro, Remix, and NextJS are trying to alleviate the impact of hydration:

• Avoiding frameworks, to begin with
• Faster hydration, e.g. Svelte, Solid
• Progressive enhancement, e.g. Remix
• Hydration slicing (+ progressive enhancement), e.g. Remix + React 18 (time slicing / isInputPending)
• Islands of hydration, e.g. Astro, Fresh
• Server Components, e.g. NextJS 13 React Server Components (SPA and streaming)
• Resumability, e.q. Qwik, Marko

Sponsors

• Chuck's Resume Template
• Developer Book Club starting with Clean Architecture by Robert C. Martin
• Become a Top 1% Dev with a Top End Devs Membership

Links

• Beyond Code Bootcamp: Home
• April 24 - 27, 2023 - JavaScript Conference London
• JSNation Conference 2023
• Qwik Part II With Misko Hevery - JSJ 563
• Mastering Linux Shell Scripting
• The Linux Command Line, 2nd Edition: A Complete Introduction

Picks

• AJ - Animal Crossing
• AJ - Yoshi's Crafted World™
• Charles- Harry Potter: Death Eaters Rising 
• Dan - Don't Learn TypeScript
• Dan - JavaScript Frameworks in 2023

Tracy Lee is the CEO of This Dot Labs, a JavaScript-focused agency, and Adam L Barrett is a Developer Consultant at This Dot Labs. They join the show to talk about the wonders of Svelte and SvelteKit. It is a tool for creating fast web applications. Additionally, they explain how these allow excellent user and developer experiences.

About this Episode

• All about Svelte and SvelteKit
• The internals of Svelte
• Benefits of Svelte compared to other frameworks
• Difference between Framework and MetaFramework

On YouTube

Marvels Of Using Svelte and SvelteKit - JSJ 566

Sponsors

• Chuck's Resume Template
• Developer Book Club starting with Clean Architecture by Robert C. Martin
• Become a Top 1% Dev with a Top End Devs Membership

Links

• This Dot Labs
• Twitter: @adamlbarrett
• Twitter: @ladyleet
• Twitter: @ThisDotLabs

Picks

• Adam - Zod Schema Validation
• Adam - Frosthaven | Board Game | BoardGameGeek
• AJ - Silicon Power 1TB MicroSD under $100
• AJ - MBP M1 Storage Expansion
• Dan - Svelte Origins: A JavaScript Documentary
• Dan -  State of JS 2022 gender gap
• Dan - Sneaky Pete TV show on Amazon Prime
• Dan - "We Hate Perfect Things" by AJ
• Dan - War in Ukraine
• Charles - Karma | BoardGameGeek
• Charles - 1923 (TV Series 2022–2023)
• Charles - Xero
• Charles - This Dot Labs
• Tracy - Women in Tech

Gal Weizman has professionally done Browser JavaScript security research for almost a decade and currently works in MetaMask. He joins the show to explain more about his profession as a "Browser Javascript Internals Expert." Moreover, he then talks about his project, "Snow". It is a JavaScript shim that applies an important defense mechanism in the browser to the web app's runtime to allow them to secure their same origin realms. 

About this Episode

• Understanding more Supply Chain Security
• How Snow ❄️ functions
• How Snow provides added security to your apps
• Learning more about Realm and Realm Security
• All about LavaMoat

On YouTube

Runtime Security With Gal Weizman - JSJ 565

Sponsors

• Chuck's Resume Template
• Developer Book Club starting with Clean Architecture by Robert C. Martin
• Become a Top 1% Dev with a Top End Devs Membership

Links

• awesome javascript realms security ⭐️
• Snow ❄️
• Introduction to Snow
• Integrating Snow into MetaMask
• Live demo
• MetaMask: The crypto wallet for Defi, Web3 Dapps and NFTs
• Socket - Secure your JavaScript supply chain
• LavaMoat
• Gal Weizman
• GitHub: weizman
• Twitter: @WeizmanGal
• The Magic Of Vue Mastery with Adam Jahr -VUE 205
• Web Testing And Automations With Playwright - VUE 206 

Picks

• AJ - Dream Machine
• AJ - H1n Audio Recorder
• Dan - Australia
• Dan - Web Directions Summit
• Dan - War in Ukraine
• Gal - LavaMoat
• Gal - Severance
• Steve - The science of why you have great ideas in the shower

Join Charles Wood as he takes on a solo episode this week! He tackles different strategies on how to achieve your goals and aspirations. He motivates the listeners by sharing his personal story of how he was able to climb back up on his feet after getting lost a few years ago. Moreover, Chuck dives into his plans for Top End Devs this year and how he can help developers take control of their careers. 

On YouTube

How To Plan For Success In 2023 - JSJ 564

Sponsors

• Chuck's Resume Template
• Developer Book Club starting with Clean Architecture by Robert C. Martin
• Become a Top 1% Dev with a Top End Devs Membership

Picks

• Charles - Exit: The Game – Advent Calendar: The Mystery of the Ice Cave
• Charles - topenddevs.social - mastodon
• Charles - Yellowstone - TV Series | Paramount Network
• Charles - JS Remote Conf

Misko Hevery is the Chief Technology Officer at Builder.io. He is also the creator of Angular.io, known for zone.js, and helped co-create karma. He returns to the show to discuss "Qwik" in greater detail alongside AJ and Steve. No matter how complex your website is, Qwik provides the fastest possible page load times. In contrast to other frameworks, Qwik has special features that make it more user-friendly.

About This Episode

• How Qwik addresses any issue
• Different Qwik features that make it convenient and efficient to use
• Overview of precision lazy-loading
• Introduction to Mitosis

On YouTube

Qwik Part II With Misko Hevery - JSJ 563

Sponsors

• Chuck's Resume Template
• Developer Book Club starting with Clean Architecture by Robert C. Martin
• Become a Top 1% Dev with a Top End Devs Membership

Links

• Qwik
• Papanasi UI Library
• Mitosis Fiddle
• Builder.io and Qwik - JSJ 540
• Qwik with Misko Hevery - JSJ 549

Picks

• AJ - Vornado heaters
• AJ - Replacement Parts for Office Chairs
• Misko - Flux | Where the world builds hardware

Dan Moore is the Head of DevRel at FushionAuth. He joins AJ and Chuck to talk about the new API called, “WebAuthn”. Using biometric, secure authentication techniques, WebAuthn is a new approach for confirming your users' identities. He goes into detail about the usage of this API and how this is a good choice for users to validate web applications with ease and convenience. 

About this Episode

• Features and benefits of WebAuthn
• Registration process of WebAuthn

WebAuthn With Dan Moore - JSJ 562 | YouTube Video

Sponsors

• Chuck's Resume Template
• Developer Book Club starting with Clean Architecture by Robert C. Martin
• Become a Top 1% Dev with a Top End Devs Membership

Links

• What is WebAuthn and why should you care?
• WebAuthn Explained
• You can add biometric authentication to your webpage. Here's how.
• Auth. Built for Devs, by Devs - FusionAuth
• best buy supported in Dec
• Password Free Authentication With Intuit And FIDO Authentication
• Password-less authentication in NextJS application with WebAuthn and NextAuth - DEV Community 👩‍💻👨‍💻
• Twitter:@FusionAuth
• Twitter: @mooreds

Picks

• AJ - Umbrel
• AJ - Dell OptiPlex Micro (better than Raspberry Pi 4)
• AJ - CBDCs are totalitarianism in an App and a currency (from Livestream #150)
• AJ - GitHub & NPM Support TouchID via WebAuthn's "This Device"!
• AJ - The Con Behind The Crypto Blood Bath – Dirty Secrets Revealed
• AJ - Vornado Heater
• Charles - Cheap computers on Walmart.com
• Charles - Exit: The Game – Advent Calendar: The Mystery of the Ice Cave | Board Game | BoardGameGeek
• Charles - - Top End Devs
• Charles - Google Mail 
• Charles - Gmelius
• Dan - Station Eleven (TV Mini Series 2021–2022) - IMDb
• Dan - Dan's Twitter persimmon poll