20minJS

 Data loading can make or break your app's user experience. In this episode we discuss several different techinques that can help you reduce the time your users need to wait until they get the data they need.This is part 2 of a 2-parter episode, and here we cover:- Loading Near Realtime data- Lazy loading and  prefetching- ResumabilityIf you haven't listened to Part 1,  check out episode 36 first!Meet Theo:Twitter: https://twitter.com/agustinustheooTheo's GitHub: https://github.com/agustinustheoTheo's writing: https://agustinustheoo.medium.com/Follow us on Twitter:  @The20MinJSReview Us!Don't forget to leave a review of the episode or the entire podcast on Podchasers!Meet our host, OpenReplay:OpenReplay is an open-source session replay suite, built for developers and self-hosted for full control over your customer data. If you're looking for a way to understand how your users interact with your application, check out OpenReplay.

Data loading can make or break your app's user experience. In this episode we discuss several different techinques that can help you reduce the time your users need to wait until they get the data they need.This is part 1 of a 2-parter episode, and here we cover:- Server side rendering- JAMStack- CachingTune in next week to hear about other different data loading strategies you can apply to your own front-end!Meet Theo:Twitter: https://twitter.com/agustinustheooTheo's GitHub: https://github.com/agustinustheoTheor's writing: https://agustinustheoo.medium.com/Follow us on Twitter:  @The20MinJSReview Us!Don't forget to leave a review of the episode or the entire podcast on Podchasers!Meet our host, OpenReplay:OpenReplay is an open-source session replay suite, built for developers and self-hosted for full control over your customer data. If you're looking for a way to understand how your users interact with your application, check out OpenReplay.

Replicache is an innovative JavaScript framework that allows you to build real-time, collaboration apps without the hustle of dealing and developing a complex  architecture yourself.Companies spend years developing their own solutions for this problem, with Replicache you can achieve it in hours.In this episode we talked about what exactly is Replicache and what it means for the web development workflow to use it. We also talked about many of its capabilities, such as real-time collaboration, off-line mode and more.Learn more about Replicache:- Main web: https://replicache.dev- Twitter: https://twitter.com/replicacheFollow us on Twitter:  @The20MinJSReview Us!Don't forget to leave a review of the episode or the entire podcast on Podchasers!Meet our host, OpenReplay:OpenReplay is an open-source session replay suite, built for developers and self-hosted for full control over your customer data. If you're looking for a way to understand how your users interact with your application, check out OpenReplay.

In this episode Josh Goldberg, author of "Learning TypeScript" shares with us some of the most interesting features of TypeScript. We talk about whether or not JavaScript developers should learn TS and why he thinks it's such a great idea doing it.We also covered some of the best resources to learn TypeScript from (including his book!) and he tells us  a very interesting annecnote about how he go in some trouble with Nintendo through usin JavaScript!Some intersting links:Site for the Learning TypeScript book: https://learningtypescript.com: Josh's website: https://joshuakgoldberg.comHis Github: https://github.com/JoshuaKGoldbergHis Twitter profile: https://twitter.com/JoshuaKGoldbergHis Twitch account: https://twitch.tv/JoshuaKGoldbergIf you want to sponsor Josh: https://github.com/sponsors/JoshuaKGoldbergLearning TypeScripts:TypeScript ESLint, the main open source project  Josh works  on: https://typescript-eslint.io Learn TypeScript from Shaundai Person: https://tsforjs.com Learn TypeScript from Matt Pocock: https://totaltypescript.comFollow us on Twitter:  @The20MinJSReview Us!Don't forget to leave a review of the episode or the entire podcast on Podchasers!Meet our host, OpenReplay:OpenReplay is an open-source session replay suite, built for developers and self-hosted for full control over your customer data. If you're looking for a way to understand how your users interact with your application, check out OpenReplay.

Daishi is a developer from Japan and the main maintainer of the popular, tiny state management library for React: Zustand.While he's still actively working on making Zustand as lightweight and complete as possbile, he's also working similar alternatives for the same space.During this conversation we talk about some of the design decisions that make Zustand such a great alternative to other, more popular yet heavier options, such as Redux. If you've never tried Zustand before, stick around and listen to what Daishi has to say about it!Get to know Daishi:- Twitter: https://twitter.com/dai_shi - GitHub: https://github.com/dai-shi - Discord: https://discord.gg/MrQdmzd - His blog: https://blog.axlight.com - Contact information: https://contact.axlight.comFollow us on Twitter:  @The20MinJSReview Us!Don't forget to leave a review of the episode or the entire podcast on Podchasers!Meet our host, OpenReplay:OpenReplay is an open-source session replay suite, built for developers and self-hosted for full control over your customer data. If you're looking for a way to understand how your users interact with your application, check out OpenReplay.

Sergii is a sailor-turned-developer who's been working as a Web Developer for the past year. In this episode he tells us all about his experience and his own advice to everyone looking to either switch jobs or start a new career in Web Development.He shares some interesting advice regarding self-study vs formal studies, what resources he used to pick up the fundamentals of web development and what to add to your resume when you have no prior experience in the field.That and more, so don't miss out on this episode!Get to know Sergii:Twitter: https://twitter.com/SergiiKirianovYouTube: https://www.youtube.com/channel/UCYuQmGnZqeQvz46HdHpxrEwBlog: https://codecryrepeat.hashnode.dev/Some interesting links:Open Source university: https://os.university/Harvard's CS50 Roadmap.sh: https://roadmap.sh/Follow us on Twitter:  @The20MinJSReview Us!Don't forget to leave a review of the episode or the entire podcast on Podchasers!Meet our host, OpenReplay:OpenReplay is an open-source session replay suite, built for developers and self-hosted for full control over your customer data. If you're looking for a way to understand how your users interact with your application, check out OpenReplay.

In this episode of 20MinJS we talk to Eduardo San Martin, Vue core team member, and the creator of Pinia. We cover topics like State Management, Option stores vs Setup stores, and more.Meet Eduardo:His Twitter profileGithubFollow us on Twitter:  @The20MinJSReview Us!Don't forget to leave a review of the episode or the entire podcast on Podchasers!Meet our host, OpenReplay:OpenReplay is an open-source session replay suite, built for developers and self-hosted for full control over your customer data. If you're looking for a way to understand how your users interact with your application, check out OpenReplay.

In this episode of 20MinJS we interview Omar Mashaal, the creator of UltraJS, a very innovative Deno framework that allows you to write modern React applications using the power of browser-compatible technologies.Interesting linksUltra's websiteGithub repoV2 announcementFollow us on Twitter:  @The20MinJSReview Us!Don't forget to leave a review of the episode or the entire podcast on Podchasers!Meet our host, OpenReplay:OpenReplay is an open-source session replay suite, built for developers and self-hosted for full control over your customer data. If you're looking for a way to understand how your users interact with your application, check out OpenReplay.

Benjamin is a JS developer and Dev Rel at Webiny. He's been dealing with Serverless functions and JavaScript for years now and in this episode, he's telling us what serverless actually means in the context of JavaScript and how to get started.Get in touch with Ben:Twitter @muzzlehatch_Everywhere else: endymion1818Web: deliciousreverie.co.ukFollow us on Twitter:  @The20MinJSReview Us!Don't forget to leave a review of the episode or the entire podcast on Podchasers!Meet our host, OpenReplay:OpenReplay is an open-source session replay suite, built for developers and self-hosted for full control over your customer data. If you're looking for a way to understand how your users interact with your application, check out OpenReplay.

Thiébaut is a developer-turned-laywer who has been specializing in the GDPR normative for the last 20 years. He knows everything there is to know about it and in this episode we'll discuss why you as a developer, need to know about it.Visit Thiébaut's project, Legiscope: https://www.legiscope.comFollow us on Twitter: https://twitter.com/The20MinJSReview Us!Don't forget to leave a review of the episode or the entire podcast on Podchasers!Meet our host, OpenReplay:OpenReplay is an open-source session replay suite, built for developers and self-hosted for full control over your customer data. If you're looking for a way to understand how your users interact with your application, check out OpenReplay.

Chance is one of the developers working on the Remix team and is going to share with us, some of the most interesting features of the framework.If you never tried Remix before or of you'd like to know if this is the framework for your next project, check the episode out and decide for yourself.We discuss topics such as: - Bridging the gap between front and back- Understanding nested routes- Progressive enhancementsAnd more, so make sure to check it out!Interesting LinksFront to Back (Chance's online course for front-end developers): https://www.fronttoback.dev/Chance's Twitter: https://twitter.com/chancethedevRemix: https://remix.run/Review Us!Don't forget to leave a review of the episode or the entire podcast on Podchasers!Meet our host, OpenReplay:OpenReplay is an open-source session replay suite, built for developers and self-hosted for full control over your customer data. If you're looking for a way to understand how your users interact with your application, check out OpenReplay.

Antonello is a developer and freelance technical writer. He's been dealing with SEO for years, and in this episode, he shares some insights into how JavaScript can affect our SEO both ways.In this episode, we covered topics such as common SEO myths, the crawl budget, and some best practices to optimize our JavaScript to influence the SEO of our site in a positive way.Get to know AntonelloMedium: https://antozanini.medium.com/LinkedIn: https://www.linkedin.com/in/antonello-zanini/GitHub: https://github.com/Tonel/Personal website: https://antonellozanini.com/Review Us!Don't forget to leave a review of the episode or the entire podcast on Podchasers!Meet our host, OpenReplay:OpenReplay is an open-source session replay suite, built for developers and self-hosted for full control over your customer data. If you're looking for a way to understand how your users interact with your application, check out OpenReplay.

Corbin,  software developer and author of the upcoming title "The Framework Field Guide", shares with us his filosophy when it comes to learning something new. In this case, three different UI frameworks and why is it such a great idea to learn them all at once!Get to know CorbinTwitter: https://twitter.com/His  website: https://crutchcorn.devInteresting links:Link to his book: https://framework.guideHis GitHub account: https://github.com/crutchcornReview Us!Don't forget to leave a review of the episode or the entire podcast on Podchasers!Meet our host, OpenReplay:OpenReplay is an open-source session replay suite, built for developers and self-hosted for full control over your customer data. If you're looking for a way to understand how your users interact with your application, check out OpenReplay.

In this episode we discuss all security aspects to take into consideration for new and existing projects. We cover both, the supply chain aspects of security and code-specific attack vectors to look out for.Liran is a security researcher and Dev Advocate for Snyk, if you're interested in knowing more about this topic, reach out to him with the following links.Get to know LiranTwitter:  https://twitter.com/liran_talInteresting links:Angular's security guide: https://angular.io/guide/securitySnyk's best practices for Angular security: https://snyk.io/blog/angular-security-best-practices/React's security best practices guide: https://snyk.io/blog/10-react-security-best-practices/Snyk's post-mortem story of the event-stream incident discussed during the episode: https://snyk.io/blog/a-post-mortem-of-the-malicious-event-stream-backdoor/Review Us!Don't forget to leave a review of the episode or the entire podcast on Podchasers!Meet our host, OpenReplay:OpenReplay is an open-source session replay suite, built for developers and self-hosted for full control over your customer data. If you're looking for a way to understand how your users interact with your application, check out OpenReplay.

Chris Bongers, team lead and Sr. Developer at daily.dev is back on the show to discuss Astro. If you haven't heard or tried the framework yet, this is a great opportunity to catch up and learn the basics to get started.Get to know ChrisTwitter: https://twitter.com/DailyDevTips1DailyDevTips website: https://daily-dev-tipsInteresting links:Daily.dev: https://daily.dev/Astro: https://astro.build/Review Us!Don't forget to leave a review of the episode or the entire podcast on Podchasers!Meet our host, OpenReplay:OpenReplay is an open-source session replay suite, built for developers and self-hosted for full control over your customer data. If you're looking for a way to understand how your users interact with your application, check out OpenReplay.

Francesco is the Dev Advocate for daily.dev and a very active Web3 content creator. He's sharing information about Web3 every day on Twitter and YouTube and today he shares with us everything you need to get started as a Web3 developer and how can JavaScript help you in that regard.Get to know FrancescoTwitter: https://twitter.com/FrancescoCiull4Francesco's website (with all links): https://francescociulla.comInteresting links:Patrick Collins' video about Blockchain (warning, 32hs long) What is Web3? by Nader DabitSolidity documentationReview Us!Don't forget to leave a review of the episode or the entire podcast on Podchasers!Meet our host, OpenReplay:OpenReplay is an open-source session replay suite, built for developers and self-hosted for full control over your customer data. If you're looking for a way to understand how your users interact with your application, check out OpenReplay.

In this episode, we discuss Fresh, Deno's latest framework. Our guest, Luca Casonato, is the creator of Fresh, he's been working on it for over a year, and is happy to discuss the framework's key features, such as the architecture, it's speed and more.If you've been wanting to try Deno for Web Development, this might be your chance!Get to know LucaTwitter: https://twitter.com/lcasdevGitHub: https://github.com/lucacasonatoInteresting links:Fresh: https://fresh.deno.dev/Deno Deploy: https://deno.com/deployReview Us!Don't forget to leave a review of the episode or the entire podcast on Podchasers!Meet our host, OpenReplay:OpenReplay is an open-source session replay suite, built for developers and self-hosted for full control over your customer data. If you're looking for a way to understand how your users interact with your application, check out OpenReplay.

In this episode we cover the current state of the Node-killer turned cloud runtime: Deno.We have a very interesting conversation with Bartek Iwanczuk, engineer at Deno Land. We discuss the current state of Deno, the design principles behind it and everything you need to know about Deno Deploy, their cloud runtime that alllows you to run JavaScripton the edge with minimum effort.Get to know BartekTwitter: https://twitter.com/biwanczukGitHub: https://github.com/bartlomiejuInteresting links:Fresh: https://fresh.deno.dev/Deno Deploy: https://deno.com/deployReview Us!Don't forget to leave a review of the episode or the entire podcast on Podchasers!Meet our host, OpenReplay:OpenReplay is an open-source session replay suite, built for developers and self-hosted for full control over your customer data. If you're looking for a way to understand how your users interact with your application, check out OpenReplay.

In this episode of 20MinJS we discuss what it means to bundle and compile (or rather "transpile") our JavaScript code.Why do we do it, what benefits do we get out of those processes and we also get a glimpse into a potential future of what bundling will be like in the next few years.Learn about that and more in this episode with Michele Riva.Get in touch with Michele:His Github profileHis Twitter accountHis Book "Real World Next.js"Review Us!Don't forget to leave a review of the episode or the entire podcast on Podchasers!Meet our host, OpenReplay:OpenReplay is an open-source session replay suite, built for developers and self-hosted for full control over your customer data. If you're looking for a way to understand how your users interact with your application, check out OpenReplay.

In this episode Rob Levin, creator of AgnosticUI, shares with us the ins and out of his framework agnostic component library and what the process for building one looks like.If you're working or thinking about building one yourself, don't miss this episode and listen to Rob's experience.Links of interest:AgnosticUI's Github AgnosticUI's docs  AgnosticUI's Twitter A11y dialogKitty Giraudel (accessibility expert)Rob's personal blog:https://developtodesign.com/Rob's Illustration Portfolio:https://roblevin.myportfolio.com/Review Us!Don't forget to leave a review of the episode or the entire podcast on Podchasers!Meet our host, OpenReplay:OpenReplay is an open-source session replay suite, built for developers and self-hosted for full control over your customer data. If you're looking for a way to understand how your users interact with your application, check out OpenReplay.