JavaScript Jabber

This episode is a continuation of Javascript Jabber 512, so head over there before tuning into this one! In this Part 2, the Jabberers and Dan Shappir discuss THE difference between Svelte vs. virtual DOM and React, the most noticeable pros and cons of React when a DOM’s around, and how “partial rendering” is changing the game. Per usual, Steve’s dad jokes are 100% funny._“This separation that the VDom creates between the representation of the UI and the actual UI is a really powerful one.”Dan Shappir_In This EpisodeThe BIGGEST difference between Svelte and virtual DOM + React (and when to use one or the other) React’s noticeable pros and cons when a DOM gets involved (and how much they’ll affect your workflow in 2022) What to watch out for in case you get locked into a vendor (and which vendors to consider) How “partial rendering” is changing the game (and created a whole new model where React is the “middleman”)SponsorsVultrTop End DevsCoaching | Top End DevsPicksAimee- Financial Literacy as a 2022 goalAimee- GitHub: eyalev/kubectl-context-promptAJ- iOS 6 Apple Maps with Pins AJ- Classless JavaScript - Dec 16, 2021 - Utah Node.jsClassless JavaScript - Dec 16, 2021 - Utah Node.jsAJ- Best Thunderbolt Display / iMac Monitor AlternativeAJ- Creeds of Craftsmanship AJ- webinstall.devDan- Molly White on Twitter: my god it's actually happenedSteve- Twitter: Dad Jokes ( @Dadsaysjokes )Steve- Everything I googled in a week as a professional software engineer - localghostSteve- Detailed Footage Finally Reveals What Triggers Lightning | Quanta MagazineSponsored By:Coaching | Top End Devs: Do you want to level up your career? or go freelance? or start a podcast or youtube channel? Let Charles Max Wood Help You Achieve Your DreamsTop End Devs: Learn to Become a Top 5% Developer. Join our community of ambitious and engaged programmers to learn how.Vultr: Tired of explaining your absurdly high Big Tech cloud bills to your boss? Let me tell you about this cloud infrastructure company that’s the talk of the tech world. Support this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

But really…can it? It absolutely can AND a lot more. In this new episode of JavaScript Jabber, the roundtable sits down with James Q Quick, a software developer, podcast host, and overall future-enthusiast. The team discusses what the “JAM” in JAMstack means for developers, how it’s making integrating features (like payment processing) a breeze, and what you NEED to know about JAMstack going into 2022. “None of these individual tools are new, but JAMstack just became a new way to combine those things with static content and leverage those concepts.” - James Quick In This EpisodeWhy JAMstack is more than just individual pieces clumped together (and could be replacing how developers do business) How the “JAM” in JAMstack is allowing developers to pick and choose the services they want (without knowing all the nitty gritty details) James lays out how JAMstack makes payment processing a no-brainer (and it’s not just Twitter hype) New features and apps for JAMstack that you NEED to know in 2022 Where JAMstack is shows its power and ease-of-use (and why you should have some “secret sauce” in your cabinet)SponsorsCoaching | Top End DevsRaygun | Click here to get started on your free 14-day trialTop End DevsLinksjamesqquick - TwitchPicksAJ- SnapDropAJ- Leviathan WakesAJ- Happy paths should be a video - YouTubeAJ- Best Thunderbolt Display / iMac Monitor AlternativeAJ- webinstall.dev AJ- CreedsOfCraftsmanship.comCharles- Family Business | Board Game | BoardGameGeekCharles- Think and Grow RichJames- Anker Portable ChargerJames- M1 MacBook ProJames- Compressed.fmSteve- “Dadvent Calendar” by David TrottSteve- Twitter: Dad Jokes ( @Dadsaysjokes )Special Guest: James Quick.Sponsored By:Top End Devs: Learn to Become a Top 5% Developer. Join our community of ambitious and engaged programmers to learn how.Raygun: Raygun now offers Real User Monitoring of Core Web Vitals. Start your 14-day free trial now.Coaching | Top End Devs: Do you want to level up your career? or go freelance? or start a podcast or youtube channel? Let Charles Max Wood Help You Achieve Your DreamsSupport this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

Ever feel overwhelmed by the crazy number of new frameworks? We’ve got a solution for you. In this episode, the JavaScript jamboree sits down with Anthony Campolo, a software developer who’s spreading the word about a powerful yet flexible new tool--Slinkity. They talk about how Slinkity answers the age-old question and simplifies everything, how to prevent the nasty “uncanny valley” from rearing its head during loading, and why eBay and Slinkity are on the same page about “the basics”.“I think Slinkity is an interesting new way to build websites in a framework-agnostic way. It’s like using little sprinkles of JavaScript!”Anthony CampoloIn This Episode:If you’re feeling overwhelmed by all these new frameworks, Anthony explains how Slinkity simplifies it all How to effectively use Slinkity’s bundling capabilities with Vite and other tools What tools and techniques you need to prevent an “uncanny valley” from popping up every time you sit down to program Remember eBay? Anthony explains how Slinkity and eBay are making programmers want to “go back to the basics”.Sponsors:VultrTop End DevsCoaching | Top End DevsRoundtable Picks:AJ’s M1 Max MacBook Pro Wheel of Time TV show on AmazonPrime Anthony’s Discord servers: LunchDev, FrontEnd.Horse Charles’s Marvel Legendary board and card game Auth0 authentication and authorization tool Jon Rich and Mike Rowe song “Santa Has a Dirty Job” Steve’s Venom 2 movie https://twitter.com/Dadsaysjokes Learn more about Slinkity: Home Page Twitter GitHub Connect with Anthony: Twitter GitHub Blog Special Guest: Anthony Campolo.Sponsored By:Coaching | Top End Devs: Do you want to level up your career? or go freelance? or start a podcast or youtube channel? Let Charles Max Wood Help You Achieve Your DreamsTop End Devs: Learn to Become a Top 5% Developer. Join our community of ambitious and engaged programmers to learn how.Vultr: Tired of explaining your absurdly high Big Tech cloud bills to your boss? Let me tell you about this cloud infrastructure company that’s the talk of the tech world. Support this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

Ever wonder why you feel like you belong in some groups and the black sheep in others? In this episode, the Javascript dudes sit down with Brett Haralson, a software developer and manager at Wix who’s learned the fundamentals of cultivating world-class communities. They discuss what Brett does FIRST to start building a community, how to handle negativity before and when it pops up, and what you NEED to do after you “find your tribe”.“It’s the relationships and friendships made that are life-changing. To create a community, you need to make people feel like they belong.”BrettIn This Episode: What Brett looks for FIRST to build a life-long and robust community (not just an Instagram following) Worried about negativity in your community? Brett lays out how to “safeguard the spirit” and integrate critique productively (and how to boot out the jerks) Brett’s go-to steps to quickly become a valued member of any community (hint-hint: it’s about lingo and value) Once you “find your tribe”, Brett shares what you NEED to do to keep your communities alive and thrivingRoundtable Picks:Steve’s Orion web browser Brett’s Resident Evil Village Resident Evil books Foundation TV show Charles’s Lost Cities board game Think and Grow Rich by Napoleon Hill Wheel of Time TV show Connect with Brett: https://twitter.com/brettharalson https://www.instagram.com/brettharalson https://www.linkedin.com/in/brett-haralson/Support this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

Tejas Kumar joins JavaScript Jabber to discuss the advances in developer tooling and how it relates to ideas like the JAMstack to allow developers to move back and build larger applications with smaller teams. The discussion ranges over backend, frontend, and cloud technologies. PanelAimee KnightAJ ONealCharles Max WoodDan ShappirGuestTejas KumarSponsorsShortcut (formerly Clubhouse.io)Raygun | Click here to get started on your free 14-day trialTop End DevsPicksAJ - Why it's OK to Over-Engineer your BlogAJ - 12 Steps to Better CodeAJ - Nail it then Scale it • WebsiteAJ - The Phoenix ProjectAJ - webinstall.devAJ - CreedsOfCraftsmanship.comAJ - Follow CoolAJ86 Live Streams: YouTubeTwitchFollow Beyond Code: YouTubeTwitterDan - WixDan - Improving The Performance Of Wix Websites (Case Study)Aimee -Gentle introduction to GPUs inner workingsChuck - TopEndDevs Chuck - Scylhe Chuck - Morgan Stanley Tejas - Xata Tejas - Hasura Tejas - DeathloopSupport this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

Get Lifetime Access to Mani's Entrepreneurship Pack and Book Club. Use coupon code "GREAT"Mani has summarized hundreds of business books that outline how to build, grow, and operate a business and he shares his expertise with Chuck and the listeners in this special episode.Chuck and Mani discuss what it takes to be a successful entrepreneur. They talk about their businesses on a regular basis and Chuck's been getting a lot of requests for entrepreneurship help.He and Mani talk about the 3 primary things that add momentum to your business and help you keep the momentum up when setbacks come your way. Get Lifetime Access to Mani's Entrepreneurship Pack and Book Club. Use coupon code "GREAT"Special Guest: Mani Vaya. Support this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

Carson Gross is the creator of InterCooler and HTMX. He pulled them together to manage the way that he wrote JavaScript and interacted with hypermedia and HATEOAS to make managing the DOM and backend easier.It's not really a competitor to web frameworks as much as a different way to think about the front-end of your application.PanelAJ O'NealDan ShappirGuestCarson GrossSponsorsShortcut (formerly Clubhouse.io)Raygun | Click here to get started on your free 14-day trialTop End DevsLinks///_hyperscript</>htmx - high power tools for htmlTwitter: htmx.org ( @htmx_org )PicksAJ- Eta | EtaAJ- FastifyAJ- Creeds of CraftsmanshipCarson- ///_hyperscriptSpecial Guest: Carson Gross.Sponsored By:Top End Devs: Learn to Become a Top 5% Developer. Join our community of ambitious and engaged programmers to learn how.Raygun: Raygun now offers Real User Monitoring of Core Web Vitals. Start your 14-day free trial now.Shortcut (formerly Clubhouse.io): Your project management tool should be a breeze to setup, at least mildly enjoyable to use, and help evolve your already existing development workflows so it's easier to get things done. Does that describe your current tool? If it does, great! You can stop reading. If not, then Shortcut (formerly known as Clubhouse) could be the perfect fit. We're project management built specifically for software teams and we're fast, intuitive, flexible, powerful, and many other nice, positive adjectives. Delight the grumpiest scrum masters with Shortcut.Support this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

Dan Shappir takes the lead in explaining React's core design, and how it's enabled by the Virtual DOM (VDOM). The panel discusses what the VDOM is, and how it differs from the actual browser DOM. Also how React leverages the VDOM and its reconciliation mechanism. Understanding these concepts is important in order to properly understand and make the best use of React.PanelAJ O'NealCharles Max WoodDan ShappirSteve EdwardsSponsorsTop End DevsCoaching | Top End DevsPicksAJ- Jordan Walke - React to the Future - YouTubeAJ- Tribal LeadershipAJ- The Innovator's SolutionAJ- A Meditation for Healthful SleepAJ- CreedsOfCraftsmanship.comCharles- AntibioticsCharles- Podcast | Top End DevsCharles- Author | Top End DevsDan- Typing the Technical Interview in TypeScriptSteve- Random Phrase GeneratorSponsored By:Coaching | Top End Devs: Do you want to level up your career? or go freelance? or start a podcast or youtube channel? Let Charles Max Wood Help You Achieve Your DreamsTop End Devs: Learn to Become a Top 5% Developer. Join our community of ambitious and engaged programmers to learn how.Support this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

Steve and AJ catch up with Jonathan Reinink, the creator of InertiaJS, a utility for seamlessly connecting front end Javascript frameworks with back ends to create a seamless and performant web app monolith. They discuss TailwindCSS and Jonathan’s work at Tailwind Labs, and then get into InertiaJS, how it works, and many of the different features. They also discuss the new SSR capability currently in private beta, and Inertia’s growing inclusion into other frameworks, such as Laravel Breeze and Laravel Jetstream.PanelAJ O'NealSteve EdwardsGuestJonathan ReininkSponsorsShortcut (formerly Clubhouse.io)Raygun | Click here to get started on your free 14-day trialTop End DevsLinksJavaScript Jabber: JSJ 443: All About InertiaJS with Jonathan ReininkJonathanReinink - Web designer & developerTwitter: Jonathan Reinink ( @reinink )PicksAJ- Laws of UXAJ- <input type="datetime-local"> - HTML: HyperText Markup Language | MDNAJ- Creeds of CraftsmanshipJonathan- Tailwind UISteve- Dad Jokes by Pubity - InstagramSteve- Dad Jokes - InstagramSpecial Guest: Jonathan Reinink.Sponsored By:Top End Devs: Learn to Become a Top 5% Developer. Join our community of ambitious and engaged programmers to learn how.Raygun: Raygun now offers Real User Monitoring of Core Web Vitals. Start your 14-day free trial now.Shortcut (formerly Clubhouse.io): Your project management tool should be a breeze to setup, at least mildly enjoyable to use, and help evolve your already existing development workflows so it's easier to get things done. Does that describe your current tool? If it does, great! You can stop reading. If not, then Shortcut (formerly known as Clubhouse) could be the perfect fit. We're project management built specifically for software teams and we're fast, intuitive, flexible, powerful, and many other nice, positive adjectives. Delight the grumpiest scrum masters with Shortcut.Support this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

Get the Black Friday/Cyber Monday "Double Your Productivity by 5pm Today" Deal Coupon Code: "DEEP" for a GIANT discountMani provides us with strategies and tactics to get Deep Work time and how to get our minds into that focused state for hours at a time.He has read hundreds of books that have taught him the secrets to getting more done by getting into this state.He starts by telling us how he was passed over for a promotion at Qualcomm in favor of someone younger and less experienced and how that inspired him to figure out what the other guy was doing differently. He learned that he needed to get more done with the time he was spending on his projects.The trick? Deep Work!Deep Work is the ability to spend uninterrupted, focused time on a task to bend your entire mind toward the goal.Other developers call it "Flow" or "the Zone."Mani provides us with strategies and tactics to get Deep Work time and how to get our minds into that focused state for hours at a time. Get the Black Friday/Cyber Monday "Double Your Productivity by 5pm Today" Deal Coupon Code: "DEEP" for a GIANT discount Support this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.