Hosts from the JavaScript Jabber podcast, AJ O'Neal and Dan Shappir join this week's crossover episode. They begin by giving a brief introduction of themselves. They talk about how to become a web developer and their perspective on being a web developer. Additionally, they discuss creating open-source projects.
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.
In this episode of My JavaScript Story, Charles hosts Dan Shappir from Tel Aviv, Israel, who is a computer software developer and performance specialist at Wix.
Listen to Dan on the podcast JavaScript Jabber on this episode.
In this episode, the panel talks with Dan Shappir who is a computer software developer and performance specialist at Wix.com. As Dan states, his job is to make 100 million websites (hosted on the Wix platform) load and execute faster! Past employment includes working for companies, such as: Ericom, Ericom Software, and BackWeb. He studied at Technion Institute of Management and currently lives in Tel Aviv, Israel. The panel talks about web performance API among other things. Check it out!
Gilad Shoham is a developer and open-source leader at Bit. They explore the latest trends and insights in the world of development and technology. The conversation also delves into the complexities of managing and sharing software components, detailing the challenges and potential solutions, and exploring innovative ways to manage components and share code.
SaltyAom is a cosplayer, developer, and creator of ElysiaJS. They deep dive into the complexities of JavaScript and TypeScript, offering insights into backend development, performance optimizations, and the evolving landscape of these programming languages.
Patrick Meenan works at Google Chrome. They explore the latest techniques in web performance and optimization. They dive deep into the world of asset compression and delivery optimization. They also explore the challenges and considerations when it comes to bundling, caching, delta updates, and many more!
AJ, Chuck, and Dan join this week's panelist episode. They dive into the resurgence of RPC (Remote Procedure Call) in JavaScript frameworks and the potential benefits and drawbacks of combining front-end and back-end code. They navigate the complexities and possibilities of modern development practices.
Josh Goldberg is a full-time open-source developer. He begins by sharing his developer experience and what he is currently working on. He joins the show to talk about "TypeScript, ESLint, and TypeScript ESLint". He dives into what this is all about, how these projects work, how they relate to each other, and much more.
Carson Gross returns to the show to talk about htmx 2.0. He begins by explaining what's new with htmx, its interesting features, the services it offers to its users, misconceptions about it, and many more! Moreover, he talks about his book, "Hypermedia Systems," and discusses what it is about.
Noam Rosenthal is a Web platform engineer. They dive into the importance of standards in API behavior for browsers. Noam shares insights on the need for consistency in implementing standards across different programming languages and developers. They also discuss the balancing act between working on standards and collaborating with developers inside and outside of Google. Additionally, they cover some interesting topics like the fascination with the "bun" technology, the challenges of implementing transitions in web development, and the impact of licensing changes on open-source projects.
Maya Shavin is a Senior Software Engineer at Microsoft. She joins the show to talk about accessibility in component libraries for developers. They talk about choosing component libraries when creating projects, the current state of component libraries, determining good accessibility levels, and many more!
Robbie Wagner and Charles Carpenter from "Whiskey Web and Whatnot" join this week's episode, featuring some exciting updates in the world of web development. CSS enthusiasts will be thrilled to hear about the introduction of container queries and anchor positioning, which offer new possibilities for dynamic and responsive layouts. They also dive into the latest trends in podcasting, including the power of live streaming and the growing importance of video content.
Tom Preston-Werner is the Cofounder at Preston-Werner Ventures. They dive into the world of React, Redwood JS, and the evolving landscape of JavaScript development. They discuss the importance of keeping up with the JavaScript world, the benefits of learning SQL, and the challenges of using ORMs. They also explore the upcoming Redwood JS conference, the future of React Server Components, and the motivations behind building open-source projects.
Barry Pollard is the Web Performance Developer Advocate on Google Chrome. They dive into the world of website performance metrics and the complexities surrounding them. From the confusion around reliability to the impact of front-end optimization, they explore it all. They discuss the importance of Core Web Vitals, the influence of user location and device speed, and the challenges in presenting aggregated information about website performance. They also touch on the ongoing debate between front-end and back-end optimization, as well as the current state of website scores and metrics.
Evyatar Alush is a Frontend Engineer at Meta. He joins the show to talk about Vest. It is a declarative validation framework. He begins by explaining Vest, how it works, its features, what it can offer to the users, the future of validations on the web, and many more!
Lane Wagner is the Founder of Boot.Dev. They delve into the world of JavaScript and backend development. They also share their experiences with API gateways and provide insights into both positive and negative implementations. Additionally, they uncover the challenges and benefits of using JavaScript and Node.js as a backend system and explore the fascinating concept of Back End for Front End (BFF).
Jack Herrington is a Principal Software Engineer. Misko Hevery is the Chief Technology Officer at Builder.io. They join the show to talk about "Qwik v1.0". Misko takes the lead as he shares its exciting new features. He explains what is the Panda CSS and how it works. Moreover, he dives into some of the "Qwiklabs projects", its benefits, and many more!
Andrei Soroker is the CEO of Fogbender. Yaroslav Lapin is a Senior Software Engineer at Fogbender. They join the show to talk about the "B2B SaaS Starter Kit". It is an instructional bundle for assembling products designed to be used by teams of users. They begin by explaining the reason why they created it, the problem it solves, its advantages, how it helps the developers and many more!
Austin Gil is a Senior Developer Advocate. He joins the show to talk about CSS-in-JS. He begins by explaining all things CSS, in a way that developers can easily understand it. He discusses the Evolution of CSS, the challenges you may encounter, CSS branches or specificities, and many more!
Dan and Steve join this week's panelist episode to talk about the TC39. Dan starts off as he explains the stages of adding features to the ECMAScript language specification to be added to the JavaScript language.
Kyle Simpson is a Human-Centric Technologist, Author of "You Don't Know JS". He joins the show to talk about "Socket Supply", building "local first" web apps, and what his employer in Socket Supply is doing in this space. They also talk about building native desktop & mobile apps.
The React Round Up podcast hosts, Jack Herrington, and TJ Vantoll, join this week's crossover episode. They begin by giving a brief introduction of themselves. They talk about how to become a web developer and their perspective on being a web developer. Additionally, they discuss creating open-source projects.
The React Round Up podcast hosts, Jack Herrington, and TJ Vantoll, join this week's crossover episode. They begin by giving a brief introduction of themselves. They talk about how to become a web developer and their perspective on being a web developer. Additionally, they discuss creating open-source projects.
Austin Gil is a Senior Developer Advocate. He joins the show to talk about "Web Fundamentals". He begins by explaining its purpose, and the importance of knowing web fundamentals as a developer or programmer.
Dan Abramov is a Front-end developer at Facebook and Joe Savona is a User Interface engineer at Facebook. They join the show to talk about React Server Components. They begin by explaining what it is, how it's implemented, the services it offers to the clients, and many more.
Dan Abramov is a Front-end developer at Facebook and Joe Savona is a User Interface engineer at Facebook. They join the show to talk about React Server Components. They begin by explaining what it is, how it's implemented, the services it offers to the clients, and many more.
Ryan Carniato is the CEO of Signals and the Principal Engineer OSS at Netlify. He is the author of the SolidJS UI library. He returns to the show to talk about SolidStart. He begins by explaining the difference between signals and observables. Along with that, he discusses how he came to develop the framework.
Simon Grimm is a Creator, Indie Maker & Solopreneur. He is currently working at The Ionic Academy. He joins the show to talk about "cross-platform development frameworks". He also tackles the difference between building native and hybrid apps. Additionally, he explains the different cross-platform apps.
Noam Honig is the Founder & CEO of Firefly Migration. Yoni Rapoport is a CTO at Firefly Migration. They join the show to talk about "Remult". It builds Full-stack, End-to-end Type-safe CRUD Apps without the Boilerplate. They dive into how it functions in your apps and its useful features.
Tanner Linsley is the Co-Founder & VP of UI / UX at Nozzle. He joins the show to talk about TanStack Router. TanStack is an Open-source software for building better UI and UX. They talk about the vital role that a "router" plays in the architecture of a web application. Moreover, Tanner shares why he developed his own router and explains the Type safe routing.
Joyce Lin is the Head of Developer Relations at Postman. She returns to the show to discuss Reverse Engineering. They talk about APIs, API security, proxy tools and explain its relevance in your applications. They dive into the process, purpose, and significance of Reverse Engineering. Additionally, they talk about API hacking.
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.
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.
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
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.
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.
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".
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.
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:
Episodes
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.
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.
WebAssembly (WASM) is a core technology of the Web and supported by all browsers as well as various other runtimes. Yet despite this fact most Web devs don't use it and have little or no familiarity with it. This week we are joined by Istvan Szmozsanszky "Flaki" to discuss some of the significant transformations currently taking place with this tech, which could make it much more mainstream.
We are joined by Yoav Abrahami, Chief Architect and Head of Velo to discuss the transformation of Wix from a Website builder to an application development platform. Wix Velo enables developers to implement code that runs either on the client-side or on Wix hosted Node server, while constructing the UI using a WYSIWYG page editor. In this way, Wix provides an interesting alternative to app development frameworks such as NextJS and Nuxt.
In this episode the panelists share war stories from their career and the lessons they have learned from them. They discuss things they have done back in their early days in tech, and how they now behave differently given those experiences.
Shai Yalin is a freelance software architect and mentor. He specializes in teaching organizations and individuals how to use Test Driven Development (TDD) and other development methodologies and best practices. In this episode Shai joins us to explain how to use these methods in order to create software that is resilient to change, and how to refactor existing brittle code in order to clean out the rot.
Kent C. Dodds is a well-known JavaScript developer who has done myriad development courses and training. He's also done outreach for Remix. He's spoken at tons of conferences and his now working on creating EpicWeb.dev which helps developers become epic web developers.
The Jabber crew starts out talking about learning, teaching, and EpicWeb.dev before going into the changes in the web platform and progressive enhancement and eventually Remix.
Diego Mourra is a newer developer who has recently joined the ranks of professional developers. The panel talks to Diego about his career as a fashion designer how he moved to Canada and go into programming.
The panel goes back a few years and reviews some technology predictions that Dan made a few years ago on Quora. These include WASM, Progressive web apps, and others. Most were wrong, but one did end up being sort of accurate. Along the way, they go into some deep rabbit holes but manage to pull themselves out. As always, they end with picks, and Steve's stupendous dad jokes.
Today we talk with Netta Bondy, a front end developer at Twang and dive into a discussion about when software development becomes a craft. We discuss the challenges of practicality vs. art, and the challenges of properly crafting code vs. working with popularly adopted methods.
Today we talk with Adam Bradley, the Director of Technology at Builder.io. He previously worked at Ionix as a creator of Ionic Framework, a mobile UI interface builder for web applications, and StencilJS which powers Ionix. Currently he works on both Qwik and Partytown at Builder.io.
In today’s episode we dive into Partytown, discussing the unique ways it improves website performance. When there are so many third-party scripts injected into the average website, you can quickly lose control of speed. We learn how Partytown addresses this with a remote web worker, and how it still gets the data it needs synchronously.
Today we talk with Misko Hevery about solving the loading speed issue for websites constructed using JavaScript frameworks. Such websites are often slow to load, which is detrimental to their ability so succeed. After 16 years at Google, where he created Angular, he now works on the Qwik framework at Builder.io, a headless visual CMS. We learn how Qwik dramatically improves page speed metrics through an innovative architecture that enables resumability instead of hydration. We talk about how this is implemented, and about how you can get started with it.
Today we talk with Felix Arntz, a developer relations engineer at Google. Hired on the Google WordPress team, and involved with the Sidekick plugin, we discuss some of the challenges and approaches of improving performance on WordPress sites, as well as other open source CMS’s.
Today’s episode is a continuation of the previous JavaScript Jabber Episode 543, where we discuss JS language features to avoid. Do you agree with the list? Today we talk about:
Steve, Dan and A.J talk with Nick Hehr and Peter Hoddie about using JavScript with IoT devices. They cover a wide range of topics, including the XS JavaScript Engine, the only complete ECMAScript 2018 engine optimized for embedded devices (created by Moddable), and even get into the nitty gritty of how it is built and how it works. They also cover TC53 - the standards committee for JS in embedded systems, a committee that Nick and Peter are part of. In picks, they get into a great discussion on home security systems and their various security issue, and of course, Steve brings the great dad jokes.
Today we have special guests Tomer Lichtash and David Frankiel, a web developer and programmer behind the epic hacker folklore project The Story of Mel, a comprehensive guide to The Story of Mel.
This story, which has survived through all the changes in the internet since its birth in 1983, and has morphed through all its iterations into something almost poetic in nature. This allegory tells the story of the birth of of high-tech culture as we know it today, and creates some heated debate among our panelists as to the validity of its meanings. Tomer and David tell some of the back story into their journey to discover if the story is a hoax, or if is truly real.
Today in this all panelist episode, we talk about JS features you should avoid using. However opinions don't always align, and some come with much debate! Although we couldn’t cover them all, today we discuss:
Today we have three guests on the show, Annie Sullivan, Yoav Weiss, and Michal Mocny, all of who are engineers who work for Google on the Chrome Web platform. Looking forward to Google’s new developments for measuring web performance, we dive deep into upcoming performance metrics Largest Contentful Paint (LCP) and Interaction to Next Paint (INP), a full page lifecycle metric. We discuss what user page interactions we can measure successfully and which we cannot. We discuss the challenges of single-page applications when looking at core web vitals.
Today, in this all-panelist episode we talk about upcoming online events and conferences. With upcoming Top End Devs meetups and conferences, starting in August, we talk about all the benefits of being in person at an event, and the camaraderie at and after the event. We talk about the ways that Airmeet allows for a good connection between the speakers and audience. You’ll also pick up some tips on becoming a speaker at one of these events.
Today we talk with Steve Sewell, co-founder and CEO of Builder.io, about their visual editor and designer which connects to many open source systems. Running within a website wysiwyg, it integrates with most modern front end frameworks, such as React, Due and Svelte. We discuss how it functions and connects to various systems. We also dive into the backstory of how and why builder.io created their framework called Qwik.
Today we talk with Josh Larson a senior staff developer at Shopify who is front and center in development of Hydrogen. We learn how Hydrogen addresses the varying needs of shop owners to build storefronts quickly and effectively. With rendering on the server only, this metaframework provides a toolkit helping customers build a more customized web presence. We learn about Oxygen, which allows customers to host and deploy Hydrogen. We also discuss the decision behind the decision to use React to build this framework, how the framework provides super-custom experiences for the user, and discuss some of the technical challenges faced when building it.
Today’s guest Annie Sullivan, a software engineer on the Chrome Platform team, focussing on core web vitals metrics which is all about performance and user experience metrics for websites. We discuss topics such as Largest Contentful Paint (LCP), and how it works behind the scenes. We also touch on Cumulative Layout Shift (CLS) and things that impact browser experience.
Episodes
Today we talk with Gal working on developer tooling for the last decade. Previously working at WIX, and now working at Vercel, he has created an open source FNM fast node version manager within that operates within Rust. We talk about Vercel’s Edge Functions, which allows users to insert routing strategies with user code without having performance hits.
In today’s all-panelist episode, we take a deep dive into some of the nooks and crannies of JavaScript. We discuss and debate the benefits and problems of various methods such as getter and setter, Const, Freeze and Proxy.
Today we chat with Thomas Randolph from GitLab, to discuss his Top 10 list of the upcoming TC39 proposal
Today we chat with Thomas Randolph from GitLab, to discuss his Top 10 list of the upcoming TC39 proposals.
Steve, AJ, and Dan talk to Drew Baker, co-founder of Los Angeles based digital agency Funkhaus about Storybook and Nuxt. After a discussion of various server side rendering methods, Drew talks about how they use Storybook, how it integrates tightly with Nuxt, and how it helps Funkhaus quickly and cleanly spin up sites for large customers.
SolidJS is a web development framework that focuses on using reactivity and carries forward several ideas from Knockout.js.
https://javascriptjabber.com/13
Ryan Carniato, the creator of SolidJS breaks down the history and ideas behind SolidJS and compares it to React and other frameworks.
Elm is a functional language that compiles to JavaScript and runs in the browser. Lindsay Wardell from NoRedInk joins the JavaScript Jabber panel this week to discuss her background with Vue and Elm. The discussion ranges into how Lindsay got into Elm and how it differs and solves some of the issues that crop up when people build apps with JavaScript.
This episode is Part 3 of the Dan Shappir trilogy. Today, he’s laying out the deets on components and state management inside of React, plus some exciting developments coming later this year.
In This Episode
1) Why you ought to know the “ideal” situation for React components (and how to get there!)
2) These new “front-end paradigms” that are going to CHANGE how we approach React and others
3) SUPER exciting developments coming for React in 2022
There’s always more to learn about security, especially nowadays. In this episode, the Jabberers continue their conversation with Feross Aboukhadijeh about supply chain security. You can never be too careful! (Well…maybe.)
“The most important thing you can do is have a mindset shift around dependencies.” _
_- Feross Aboukhadijeh
In This Episode
1) How the BEST way to keep your security tight is NOT done on the computer
2) Why we’re seeing a trend toward THESE kinds of packages in 2022
3) What you NEED to know about dependencies and their expiration dates
In this episode, the Jabberers sit down with Gil Fink, a Microsoft vet and Google developer who’s gonna convince why having front architecture is a no-brainer. They discuss what differentiates it from components, how “memory floods” are washing away developers (and why they’re causing them!), and the BEST way to move between architectures without losing your mind.
“You need to understand all the moving parts in your architecture.”
- Gil Fink
In This Episode
1) What makes front end architecture VERY different from components
2) The BIGGEST problems around “prop drilling” between your components (and how libraries really help)
3) How “memory floods” overwhelm developers…and why they don’t even realize they’re causing them!
4) The CORRECT way to move between architectures without screwing yourself
Want to know what makes a senior developer? We know a thing or two. In this episode, the Jabberers sit down with Shem Magnezi, a senior developer at Wilco who shares what he’s learned over his seasoned career. They talk about the do’s and don’ts of being a manager, why small and large companies share this ONE feature, and a HUGE mindset reset that will keep you ahead of the game.
“It’s important for people to understand where they can make an impact.”
- Shem Magnezi
In This Episode
1) The KEY differences between smaller and larger companies (and how to hedge your bets when applying)
2) What separates the novice from the expert in a company (and what managers are looking for!)
3) If you’re considering the managerial route, consider THIS risk before going down that road
4) Why THIS mindset shift will make your job easier AND make a larger impact on your company
Want to watch AJ and Dan Shappir do battle LIVE? You’re in the luck! In this episode, the jabberers go deep on the nuances of var, what we can all learn from C++ about coding, and Dan’s go-to remedies for keeping your Script nice, neat, and not-chaotic.
In This Episode
1.The ONE rule you need know about var (and how it affects the future of JavaScript)
2.Why C++ allows variables to execute the code while JavaScript doesn’t (and what we learn from this difference
3.The biggest drawback to all of JavaScript’s recent changes (and how to avoid tripping over yourself)
4.Dan’s go-to remedies for keeping your Script tidy and variables obedient
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.
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”.
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.
Yoav Ganbar joins the Jabber crew to discuss Dev FOMO. He leads the panel through a discussion about adopting technologies and knowing about new niches. The panel discusses how to stay on top of the movements in our ecosystem and when we should prioritize other things.
Mordy Oberstein joins the JavaScript Jabber panel to discuss SEO and how what seems like a marketing concern is relevant and exciting for developers.
SEO is working with a black box with regards to Google since Google and other search engines don't tell you anything about how they adjust their search algorithms.
Mordy walks through how developers can contribute to the issues around showing up in search engine results.
Assaf Krintza joins the JavaScript Jabber panel to discuss the various approaches and uses for state management in web applications. Some of the focus is on React, but many of the tools and approaches work in or have similar options in the other web frameworks.
Ian Johnson is a former Google UX engineer and data visualization engineer with ObservableHQ building data visualizations with JavaScript. He works on both the tools and the visualizations built with D3 on the web. He discusses how to use tools like D3 to tell a story using your data.
Filipe Névola is the CEO of MeteorJS. He jumps in to discuss the changes and updates to Meteor over the last several years.
He explains what Meteor is, what its history is, and how it lands within the current JavaScript ecosystem. You can use it to build web and mobile apps and is a mature option to use for your applications.
Niall Crosby, creator of AgGrid, joins the panel to discuss the journey from building an open source data grid used all over the world to providing support and enterprise features and running a successful business based on that same open source software.
Bianca and Sumitra from Raygun join the panel to talk about Core Web Vitals and how tools like Raygun can help keep tabs on and monitor your performance stats as you change your web application to get you better results on Google.
The JavaScript Jabber panel teams up to discuss their favorite moments and episodes over the last nearly 10 years of the show. They discuss where things are at and where they're going next.
The panel gets together to discuss how they learn new things and what things are important to learn.
They start out discussing how to learn new things. They they go into how to keep up on the never-ending releases within the JavaScript ecosystem.
Priscila Oliveira and Mark Story join the panel to discuss the recent transition at Sentry from vanilla JavaScript to React and TypeScript.
The show starts out with the panelists nerding out over Sentry and how they use it, then they dive into the code transition and the things that they learned from their conversion to TypeScript.
Sam Sycamore joins the podcast to tell his story of transitioning into programming after listening to the podcast episode we recorded with Danny Thompson.
Danny told his story about how he went from gas station attendant to programmer in a very short timeframe.
Sam has now made a similar journey from landscape construction to programming and what inspired him to make the switch.
Dan Shappir takes the lead this week to discuss Core Web Vitals and how Google is pushing the web to be faster.
He leads Chuck, Aimee, and AJ through the ways that developers can measure and improve the performance of websites based on the statistics specified by Google as components of Google rankings.
Liran Tal joins the Jabber to talk about how to secure your applications and how to check for security vulnerabilities in your application and its dependencies and infrastructure.
Liran explains how to check your supply chain and your own code to make sure you're not leaving things open to malicious actors.
Craig Buckler joins the panel to jabber about Chrome Dev-Tools and some things you may not know you can do with them to empower your own front-end development. Some of the basics you may already know like Incognito mode. Some others you may not know like black boxing libraries you don’t control or throttling connections to simulate poor connections. He also talks through searching through network requests to see how your domain’s specific requests perform.
The JAMstack has been a hot item in the web development community for a while. Initially, it was a basic implementation of front-end tools with some sort of hosted backend. Now, the tools and approaches have become much more powerful.
Brian Rinaldi joins the JavaScript Jabber panel to discuss how things have evolved and what people should be looking into now to take advantage of the offerings within the JAMstack community.
coupon: podjsjabber19
The Jabber panel along with Vitali Zaidman jump in and discuss how your browser cache works, what the standard is, and what you can expect when you're trying to take advantage of the performance characteristics of your users' browsers.
The browser cache control settings and techniques are not straightforward, so buckle up and learn how to get your browsers to load assets from memory.
Long time friend of the show Gil Tayar joins us again this time to discussing using JSDoc for JavaScript type annotations instead of TypeScript. Turns out that you can now get all of the benefits of TypeScript types without having to adopt the entire TypeScript workflow. Gil describes the benefits of this approach, and how it could impact the future of Web development.
Eric Simons from Stackblitz joins the JSJ panel to discuss the game changing technology announced at Google.io this year. What they demonstrated was their ability to run NodeJS in the browser using new technology called Web Containers. However, the implications go well beyond the realities of running Node in the browser. Eric and the panel dive into the implications of what this new way of working could mean for the web and application development.
Rick Viscomi joins us from Google to talk to us about the Chrome User Experience Report (CrUX) and the HTTP Archive. He explains what it tells us about how the web is built, how it performs, and what we know about the web today.
Dan Shappir leads the Jabber crew on another discussion on the things JavaScript developers should know.
They discuss WeakMap, WeakSets, and WeakReferences. They dive into where and how they are used and which places they're implemented.
The conversation starts with garbage collection is and how it works and then moves into the implications it has for this kind of referencings.
Ashley Davis jumps in to talk to Dan Shappir about wrangling data using JavaScript.
Ashley describes his journey into JavaScript and his exposure to the web platform. From there he walks Dan through learning data science and building systems in Python before coming back to JavaScript.
He talks through the tools and techniques used to manage data in JavaScript as well as how it can be done!
Moran Weber is the CEO of Women on Stage. She helps women prepare for and speak on stages at conferences in technology and other related areas. She joins the Jabber panel this week to discuss women's place in technology, the importance of them appearing at conferences, and the outcomes of women in the technology space.
Dan kicks the show off by asking our guest Sean C. Davis to define for us what doesn't fall under JAMstack. Sean explains what isn't JAMstack and then dives into what's changed over the last year or so that brings us to the tools and approaches that hybridize the server end of things to bring more server side to the JAMstack.
So, JAMstack lifts away from a monolithic backend to provide an independent front-end with a supporting set of back-end tools rather than a back-end with supporting front-end tools. This episodes dives into the implications of this approach as a reaction to the more traditional monolith.
Micro frontends are the topic of discussion again, this time with Grgur Grisogono, Principal Consultant at Modus Create and co-author of the Manning book "Ext JS in Action". In particular, Grgur explains the new module federation capabilities introduced by Webpack, and describes how they can be used to construct micro frontends in a much more streamlined and modular fashion.
The infamous Jake Archibald, member of the Chrome Team, an author of the Service Worker spec, and host of the HTTP 203 Podcast takes us on a whirlwind tour of recent and upcoming browser standards including Portals, iframes, App Cache, Service Workers, HTML, Browser History and more - why they are the way they are, why we can't have nice things, and how we might get nice things anyway in the future. Lots of good back and forth and only a little name calling… jaffa…
If you're building a website or web-app, there's a good chance that you want people to find it so that they will access it. These days this mostly means that you want it to appear in the relevant search engine results pages (SERP). In this episode we are joined by Martin Splitt, DevRel at Google for the Search & Web ecosystem, who explains in detail how search engines work, and what developers and SEOs need to know and do in order to be on their good side.
If you're building a website or web-app, there's a good chance that you want people to find it so that they will access it. These days this mostly means that you want it to appear in the relevant search engine results pages (SERP). In this episode we are joined by Martin Splitt, DevRel at Google for the Search & Web ecosystem, who explains in detail how search engines work, and what developers and SEOs need to know and do in order to be on their good side.
In recent years the term DevOps has become ubiquitous - you'll find DevOps engineers in most every tech organization. But what does DevOps actually mean, and how does it differ from previously existing System and Network engineering and DBAs? In this episode our own Aimee Knight, who is currently expanding her role into DevOps, answers these questions, and provide further information about it.
Having done a three-part series on the things JavaScript developers MUST know, Dan now leads a panel discussion on the things that JavaScript developers SHOULD know. These are things that devs can get by without knowing, but that will improve their abilities if they do know and understand. Subjects covered include: passing functions args by value vs by reference, sparse arrays, property descriptors, event capture, and more.
Anthony Campolo joins the conversation to lead the discussion of RedwoodJS. RedwoodJS is a full-stack framework that provides a way of building a fast and secure front-end that JAMstack gives you with the power and flexibility of a backend.
It doesn't have an official ORM, instead it uses GraphQL through Prisma. This discussion goes deep into the history and implementation of RedwoodJS.
In this episode, the panel discusses the final list of things that developers need to know and how and when they're important. These topics include:
You're working on planning and executing your professional and technical journeys, but what about your psychological journey? The reality is that without taking better care of yourself, you are potentially setting yourself up for failure, and potentially also putting your health and wellbeing at risk. We are joined by Wei-Ming Lam, a coach and Yoga Instructor who provides practical advice for constructing and tuning your psychological stack.
This is the follow on to the episode first recorded regarding JavaScripts iterators and generators. Dan takes the lead and picks up from last time. The panel discusses how JavaScript uses and implements iterators and where people are likely to see them. Then they dive into generators and briefly discuss the concept and their uses.
Iterators and generators were introduced into JavaScript way back in 2015, yet they remain an underused and often misunderstood features of the language. In this episode Dan describes the purpose of iterators, how they're implemented in JavaScript, and why you're using them even if you aren't aware that you are, via the spread operator for example. The panel then discusses the pros and cons of iterators in JavaScript, and why most devs don't explicitly use them.
Luis Atencio jabbers about enjoying and using JavaScript. He enjoys the multi-paradigm nature of the language. The discussion ranges over the nature of JavaScript and how it's object-oriented, and how the paradigms can be blended to provide powerful functionality. They also dive into how to break down problems in JavaScript and how the language enables this.
Micro-services have been very popular on the backend for a while now. But can this architecture be applied to the front-end as well? Should it be applied to the front-end? Michael Geers, who literally wrote the book on micro-fronts ends, explains what they are and why they can be a powerful architectural pattern especially when implementing large-scale projects. He also describes how Web Components can be used to enable this type of application architecture.
Components have become the go-to method for structuring and composing UIs on the Web. Usually this means relying on a JavaScript framework such as React, Vue, or Angular. But it turns out that there is a standard mechanism for creating components built into browsers. Ben Farrell who wrote a book on this mechanism - Web Components - joins the panel to explain what they are, how they work, and why they are a great, light-weight alternative to JavaScript frameworks.
The panel continues its discussion of various JavaScript programming topics, and whether or not they are required knowledge for JavaScript programmers. This time the debate gets even more heated with topics such as promises and async / await, regular expressions (regex), the DOM and Service Workers. Ultimately we conclude that some you must indeed know to be successful at JavaScript development, but some you just need to know enough about to know to stay away from them.
Imagine a world in which your editor / IDE can actually write some of your code for you. Where you're able to produce software faster and more efficiently because your development environment "knows" what you want to do, based on code you've written before. Turns out you can start experiencing this in the present using the free TabNine editor extension by Codata. In this episode Kyle Simpson, Codata's Lead of Developer Empowerment, joins the panel to describe how they use Machine Learning to enhance and accelerate software development. Kyle explains what's already possible in the present, and what ML technology promises to enable in the future for developer experience.
Imagine a world in which your editor / IDE can actually write some of your code for you. Where you’re able to produce software faster and more efficiently because your development environment “knows” what you want to do, based on code you’ve written before. Turns out you can start experiencing this in the present using the free TabNine editor extension by Codata. In this episode Kyle Simpson, Codata’s Lead of Developer Empowerment, joins the panel to describe how they use Machine Learning to enhance and accelerate software development. Kyle explains what’s already possible in the present, and what ML technology promises to enable in the future for developer experience.
This week the panel talks with a UK boot camp student about her decision to switch careers and learn to program. They discuss unique challenges such as being part of an underrepresented group and entering the field during a pandemic. Additionally, they discuss technology choices and overall, seek to gain a deeper understanding of the state of JavaScript for new developers.
Liran Tal and Brian Vermeer from Snyk join the panel to discuss development of secure software in general, and secure JavaScript and web dev in particular. They explain what developer-first security actually means, and the types of security vulnerabilities to watch out for when using modern tools to develop websites and web apps. They also present several Open Source tools that developers can use to improve their code right from within their favorite development environments and IDEs.
This week the panel is joined by Mark Volkmann to discuss Svelte and how it compares and differs from front-end frameworks such as React and Angular. Mark has written a book and has given talks about Svelte and also about Sapper, an application framework built on top of Svelte. He explains to the panel how Svelte components are defined differently than other JavaScript frameworks, and how they are actually compiled into the production code, which isn’t dependent on any external libraries. He also explains why and how Svelte forgoes the use of a virtual DOM, using direct DOM manipulations instead. Finally he describes Sapper and explains how it can be used to quickly and easily create Web-apps that use SSR, static pages generation and dynamic routing.
Many websites these days have to deal with the reality of incorporating third-party scripts. These could be tracking scripts or analytics or monitoring, or even scripts that add explicit features to a site, such as chat. Regardless of the purpose, such scripts add complexity and overhead, and can interfere with the proper operation of the site. In this episode Ben Vinegar, VP of engineering at Sentry, joins the panel to discuss the complexities and implications of third-party scripts, both from the perspective of website developers, as well as from the perspective of the developers creating such scripts.
Ran Levy, a well known and prolific technology podcaster joins the show to talk with the panel about software bugs. Topics of discussion include the inevitability of software bugs – are they an intrinsic part of software development? Also, can they be minimized and their impact mitigated? And what can software companies, and the developers themselves, do in order to deliver properly working software.
For Web apps to be useful and successfully compete with native applications, they need to be able to access device features, such as the camera, local file system, Bluetooth, and more. Obviously such a mechanism needs to be secure and respect user privacy. In this episode Thomas Steiner, a Developer Advocate for the Web at Google, joins to discuss Project Fugu, and the benefits and capabilities that it already provides, and will provide in the future. Thomas, who is actively involved in this project, explains the design and development process for this project, and how it’s being rolled out and tested.
In this episode the panel discusses various programming topics, and whether or not they are required knowledge for JavaScript programmers. This includes topics such as scopes and hoisting, closures, the event-loop, and the behavior of this. For each such topic, the panel discusses whether or not JavaScript devs are required to know and understand them in order to write better code, or pass job interviews, or to understand existing codebases. Alternatively, if these are topics that JavaScript developers don’t need to know, and maybe should even avoid.
MongoDB is a popular option for databases which provides objects that look and act like JavaScript Objects. We brought an expert, Joe Karlsson to clear up some of the confusion on how to arrange your data in MongoDB. Joe provides a rundown on how to think about your data with a smaller dataset, a medium sized dataset, and a large dataset. The panel also dives into how the database works and how things are managed and arranged by the MongoDB database engine.
Our guest is Daniel Lathrop, a freelance investigative data journalist and educator, and formerly a newspaper reporter and Professor of Journalism and Media informatics at the University of Iowa. On this show, Daniel describes how JavaScript is a great choice for doing data analysis and data science, potentially even more so than other languages which are often used for this purpose, such as Python and R. Daniel also provides information about lots of useful tools and techniques to use in this context.
The reality of Covid-19 has changed the way that many people work, working remotely from home instead of coming into the office. Achieving work-life balance can always be a challenge in tech, but can be especially challenging when work and life mix in the same location. In this episode the panel discusses this important topic, and how it has impacted their own lives and careers. Also, how it changes over time and during a career.
In this episode of JavaScript Jabber we interview Neha Sharma about the importance of coding front-end JavaScript with accessibility in mind. She explains practical methods in which to generate accessible UX when using front-end frameworks, such as React and Angular. For example, the importance of generating proper semantic markup, and considering behaviors and responses to user interactions.
Danny Thompson discusses his road to a successful tech career, after working for years outside the industry (frying chicken at gas-stations). He explains the importance of setting goals and following through, and how to overcome adversity, and handle setbacks. It's simultaneously a very inspirational story, but also filled with lots of very practical advice and action items to pursue. For example, the importance of attending and participating in Meetups and engaging with the local tech community.
Yoav Wiess is a Developer Advocate at Google on the Chrome team, and also co-chair of the W3C Performance Working Group. In this episode Yoav explains how JavaScript resources are currently being delivered to browsers, and limitations and downsides with these approaches. He then describes a proposal for an advanced JavaScript delivery method that addresses these limitations. When this proposal is implemented, it will enable much more efficient download of JavaScript into browsers, boosting Web performance. This is a public proposal, and Yoav invites the community to participate in the standardization process.
Gareth McCumskey, a Solutions Architect in Cape Town, South Africa engages the panelists of JavaScript Jabber in an informative discussion about the broad topic of serverless. The JavaScript expert explains that serverless is essentially a way to use the existing managed services of the cloud in building a solution. He expounded on the different ways in which to employ the use of serverless.
Alex Russell works for Google on the Chrome team and is the lead of Project Fugu which focuses on Web Capabilities and Progressive Web Apps. Alex leads the JavaScript Jabber panel in a discussion of writing less JavaScript and focusing on performance and functionality on low bandwidth connections and low performance phones. Because accessibility is downstream, now, of performance, he argues that we need to focus on performance to make applications that give a good experience on lower end phones and connections.
SPECIAL ANNOUNCEMENT at the end of this episode. Don't miss it. Kyle Simpson, author of the You Don't Know JS Yet series joins the JavaScript Jabber panel to discuss the origins and approach to his book series. The discussion varies to the basic parts of JavaScript, the parts you should know, and how to learn them.
Jonathan Sampson hops into the Jabber session to talk about the Brave Browser. He and the panel wander through the topics of privacy, browser design, and features.
Gil Tayar gave a presentation recently on ES modules in Node. He joins the panel to discuss how to use and think about ES modules. With considerable pushback from AJ, Gil explains how to start using modules and what the tradeoffs are between modules, script tags, and build
Noam Rosenthal has worked in both web and native technologies. He leads off with a discussion of the history of the web, browsers, and specifically webkit. The panel then goes into how browsers and built and discuss the differences between the different browsers.
Joe Karlsson is a developer advocate at MongoDB. He and the panel walk through the different approaches, uses, and libraries for building IoT with JavaScript
The JSJ panel talks with Morad Stern from Wix about personal branding; what it is, why it’s important for developers, and how to build it.
Matt Crook joins the conversation to talk with the JavaScript Jabber panel to talk about his experience going through Nashville Software School. The panel discusses and asks questions about getting into programming, working through the bootcamp, and what prospects are for bootcamp graduates.
Dan Shappir takes the lead to explain all of the acronyms and metrics for measuring the performance of your web applications. He leads a discussion through the ins and outs of monitoring performance and then how to improve and check up on how your website is doing.
Dave Karow is a developer evangelist for Split. He dives into how you can deliver software sustainably without burning out. His background is in performance and he's moved into smooth deliveries. He pushes the ideas behind continuous delivery and how to avoid getting paid to stay late in "free" pizzas.
Dan Shappir takes the lead and walks the panel through the history of JavaScript and a discussion on ES6, TypeScript, the direction and future of JavaScript, and what features to be looking at and looking for in the current iteration of JavaScript.
In this episode of JavaScript Jabber the panelists and guest delve into the advantages of the shadow dom, transitioning from polymer js polyfills to native web components when moving for SAP UI to UI5, which works within React, Vue, Angular, and others.
The panelists discuss that latest State of JS survey. They begin talking about the merits and methods of the survey and then discuss the value you can extract from the survey. They also consider the various comparisons and trends presented by the survey and what they may mean.
Una Kravets talks to the panel about CSS and its future. We dive into what Houdini is and how much of it is implemented in the browsers. She explains how the changes outlined in Houdini will improve the user experience on the web and developer experience for web developers.
Bruce Lawson is an expert in and proponent of semantic HTML. After receiving some good natured ribbing, Bruce walks the panel through the benefits of semantic HTML. He provides several examples on how it's used and in particular how it helps with other issues like accessibility and navigability on your websites.
Episodes
Adam dives into how to document your application using OpenAPI (formerly Swagger) and then how to generate great documentation for your API's using Redoc. He gives us the history of Redoc, breaks down the process for building API documentation, and understanding the OpenAPI specification.
Today’s guest is Ben Collins, who creates online courses, writes tutorials, and teaches workshops around G Suite and App Script. Apps Script is a scripting platform developed by Google for light-weight application development in the G Suite platform. It is an implementation of JavaScript with the express purpose of extending Google apps. App Script was started 10 years ago as a side project, and it eventually took on its own life. Ben talks about some of the different things that App Script can do and where things are stored. They discuss different ways you can get into the script and how to import external scripts from a CDN. Ben gives two examples, one simple and one sophisticated, that you might build from App Script. He talks about event triggers and how authentication is handled. He goes over the three deployment options, namely web app, app executable, sheets add-on, and deploying from the manifest. Ben talks about how triggers are managed in App Script and options for debugging. There is also the option to develop locally as well as in the browser. The show ends with him talking about how to build using HTML in App Script.
In this episode of JavaScript Jabber the panel interviews security expert, Kevin A. McGrail. He starts by explaining what security frameworks and what they do. The panel wonders how to know if your developers are capable of self-auditing your security or if you need help. Kevin shares recommendations for companies to look at to answer that question.
Burke Holland works for Microsoft on the Azure team in developer relations. He starts the show talking about how he got started in serverless. He’s careful to note that just because things are marketed as serverless doesn’t always make them so. In order for something to be serverless, it must be sufficiently abstracted in terms of technology, only require payment for what is used, and infinitely scalable. He talks about the statelessness of serverless, and the panel discusses what it means to be stateless. Burke reminds listeners that serverless is not for long-lived operations, but there are features in serverless providers that can help you get around this. Burke talks about how writing serverless code differs from standard or previous coding approaches and practices. He advises that serverless functions are best kept small, and talks about how to fit them in with other kinds of APIs.
In this episode of JavaScript Jabber the panel interviews Sean Grove from OneGraph; asking him questions about GraphQL tooling and common complaints about GraphQL. Sean starts by explaining what GraphQL is and how it benefits frontend developers. GraphiQL is a frontend open sourced tool produced by OneGraph, Sean explains how this handy tool simplifies GraphQL.
Today the panel discusses the difference between Swagger and Open API with Josh Ponelat. Josh details the difference between the two. Swagger is a set of protocols around describing restful APIs. Swagger was taken over by a company called SmartBear, who donated the donated the specification to the Open Linux Foundation, and that became the Open API. Swagger is the tooling surrounding these specifications. Open API is a standardized way to describe a restful API in a YAML file. Once you’ve got a YAML file to describe your API, you can use tooling like Swagger to leverage that and take it to the next level. Using the Open API process is useful for situations where you already have an API in place, but want to codify and document it so that it’s controlled. Then going forward, you won’t introduce contradictions and it remains consistent because it’s documented in a YAML file. The process leaves room for enhancement in the future as well.
Carl Mungazi is a frontend developer at Limejump in London. He is a former journalist and switched to programming in 2016. Today the panel is discussing the benefits of reading source code. Carl began reading source code because he came into programming late and from a different field. His first project was with Mithril, and he read the source code and documentation to help him understand it. The panelists discuss how reading the source code has helped them and others to improve their coding. They compare reading and understanding source code to learning a foreign language, and discuss different methods.
Guests Chris heilmann and Zohair Ali are developers for Microsoft working on the Edge project. Today they are talking about Edge on Chromium and the future of developer tools. Edge will now be built in Chromium rather than being its own engine, aligning it more with what is being used on the open web right now. The Edge team wanted to seize the opportunity to bring something into the Chromium project based on the needs of real users and contribute to the open source web. Edge on Chromium won’t be limited to Windows 10 either, but will be available on Mac, Windows 7, and Windows 8. This project is still in beta with no set release date, so the Edge team is looking for people to test it out on Mac and tell them how it works.
Vitali Zaidman is a full stack developer who works for WellDone Software Solutions and is currently working on a SEO project. Today’s show is about SEO for developers. SEO stands for search engine optimization, which helps your website appear higher on search engines.
Tanmai is one of the founders at Hasura. Hasura gives you instant graphQL APIs on top of a Postgres database. The eventual idea is to make data access secure and easy. Tanmai explains the challenges of doing this in the cloud. He talks about some of the difficulties with the tooling around using GraphQL and its bias towards working well with a monolith. Since GraphQL is basically a shared type system that describes your API, that means all your types need to be in the same code base. This is at odds with the folks who want to do microservices and serverless functions, because since their API is split across multiple services they have different types, and forcing these types to work together defeats the purpose of using microservices. Also, storing state across requests doesn’t work well with serverless and cloud native stuff. In short, learning to live without state is one of the general challenges with going serverless.
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.