Shows
20minJSEpisode 37 - Data loading strategies for the front-end, Part 2 with Agustinus Theodorus 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...2022-11-2227 min
20minJSEpisode 36 - Data loading strategies for the front-end, Part 1 with Agustinus TheodorusData 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...2022-11-1427 min
20minJSEpisode 35 - A web without spinners, an introduction to Replicache with Aaron BoodmanReplicache 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://r...2022-11-0841 min
20minJSEpisode 34 - TypeScript for JavaScript developers, with Josh GoldbergIn 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: ht...2022-11-0137 min
20minJSEpisode 33 - Let's talk about Zustand with Daishi KatoDaishi 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...2022-10-2520 min
20minJSEpisode 32 - Switching careers to Web Development with Sergii KirianovSergii 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!2022-10-1141 min
20minJSEpisode 31 - Learning about state management using Pinia, with Eduardo San Martin MoroteIn 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 y...2022-10-0430 min
20minJSEpisode 30 - All about UltraJS combining React and Deno with Omar MashaalIn 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 y...2022-09-2739 min
20minJSEpisode 29 - Serverless JavaScript: what, where and why with Benjamin ReadBenjamin 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!M...2022-09-2030 min
20minJSEpisode 28 - GDPR for developers, understanding the regulation with Thiébaut DevergranneThié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:Op...2022-09-1346 min
20minJSEpisode 27 - Let's talk about Remix with Chance StricklandChance 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 Links2022-09-0641 min
20minJSEpisode 26 - Let's talk about JavaScript for SEO with Antonello ZaniniAntonello 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/...2022-08-3036 min
20minJSEpisode 25 - Learning UI frameworks with Corbin CrutchleyCorbin, 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 th...2022-08-2326 min
20minJSEpisode 24 - Security in the JavaScript ecosystem with Liran TalIn 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/b...2022-08-1641 min
20minJSEpisode 23 - Let's talk about Astro with Chris BongersChris 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!...2022-08-0927 min
20minJSEpisode 22 - Web3 as a JavaScript Developer with Francesco CiullaFrancesco 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!2022-08-0242 min
20minJSEpisode 21 - An introduction to Fresh with Luca CasonatoIn 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!2022-07-2727 min
20minJSEpisode 20 - All about Deno & Deno Deploy with Bartek IwanczukIn 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/deploy2022-07-1943 min
20minJSEpisode 19 - Bundling and Compiling JavaScript with Michele RivaIn 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...2022-07-1231 min
20minJSEpisode 18 - AgnosticUI and what it means to build a component library with Rob LevinIn 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 lea...2022-07-0543 min
20minJSEpisode 17 - React Hooks with Tapas AdhikaryIn this episode I have a very interesting conversation with Tapas Adhikary about React Hooks. What they are, why you'd want to create custom ones and what are the best practices around doing that.Contact TapasTwitter: https://twitter.com/tapasadhikaryYouTube: https://www.youtube.com/tapasadhikaryGitHub: https://github.com/atapasLinkedIn: https://www.linkedin.com/in/tapasadhikary/Some interesting linksShowcase: https://www.showwcase.com/atapas398React Play: https://reactplay.io/Review Us!Don't forget to leave a review of the episode or the...2022-06-2836 min
20minJSEpisode 16 - JavaScript-controlled Machines with Wassim CheghamWassim is a Dev Advocate for JavaScript inside Microsoft and he created the "Mind controlled Coffee machine" in his spare time.In this episode we have a nice conversation about that project, and what possibilities are there for JavaScript developers to enter the hardware world.Contact Wassim:Twitter: https://twitter.com/manekinekkoWebsite/GitHub: https://wassim.devSome interesting links:THE video of the brain-controlled coffee machine: https://www.youtube.com/watch?v=bd159jmJfGEThe GitHub repo of the Cafy library Wassim built to communicate with the coffee machine...2022-06-2147 min
20minJSEpisode 15 - Web Components (part 2) with Chris Holt and Rob EisenbergPart 2 of a 2-parter conversation about Web Components. In this epidose I chat with Chris Holt and Rob Eisenberg, UX experts from Microsoft. They're both part of the FAST team pushing forward the web components standards.This episode covers how to get started with web components and a little bit about FAST and what they're doing inside that amazing project.Get in touch with Chris:Twitter: @ChrisDHoltGithub: https://github.com/ChrisDHoltGet in touch with Rob:Twitter: @EisenbergEffectGithub: https://github.com/EisenbergEffectLearn more...2022-06-1441 min
20minJSEpisode 14 - Web Components with Chris Holt and Rob EisenbergEpisode 1 of a 2-parter conversation about Web Components. In this epidose I chat with Chris Holt and Rob Eisenberg, UX experts from Microsoft. They're both part of the FAST team pushing forward the web components standards.Get in touch with Chris:Twitter: @ChrisDHoltGithub: https://github.com/ChrisDHoltGet in touch with Rob:Twitter: @EisenbergEffectGithub: https://github.com/EisenbergEffectLearn more about FAST:WebsiteGithubDiscord Review Us!Don't forget to leave a review of the episode or the entire podcast on P...2022-06-0739 min
20minJSEpisode 13 - Scaling React Applications with Morten BarklundWhat does "Scaling a React application" even mean?We have a very interesting conversation with Morten about what scaling means in the context of a front-end application. He also shares some details about his book "React Quickly" published with Manning.Interesting links:Morten's Twitter: @barklunduseContext Selector NPM pageGet the book!Check out "React Quickly" and use this code to get a 35% discount during checkout: pod20minjs22Review Us!Don't forget to leave a review of the episode or th...2022-06-0122 min
20minJSEpisode 12 - Redux Toolkit and State Management in React with Mark EriksonMark Erikson joins me to talk about state management in React. More especifically covering why Redux toolkit is such a great alternative to other libraries and the type of problems it solves.We also get some insight into the origin of the current bad rep of Redux.Get in touch with Mark:Twitter: @acemarkeGithubRedditReview 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 d...2022-05-2442 min
20minJSEpisode 11 - State Machines in the Front-End with David KhourshidIn this episode I have a conversation with David Khourshid, creator of XState, about state machines and their role inside the front-end environment.If you don't know what a state machne is, I highly recommend you check this episode out. We answer questions such as:- What is a state machine?- What can you do with it?- How do state machines help the front-end?And more!Get in touch with DavidTwitter: @DavidKPianoGithub: https://github.com/davidkpiano/Stately.ai: https://stately.ai/...2022-05-1721 min
React Round UpReact Design Patterns with Samaila Bala - RRU 181In this episode we have special guest front-end engineer and technical writer Samaila Bala from Nigeria. We discuss several use cases of the React design patterns he has written about, such as the Compound Components Pattern and Provider Pattern. He also discusses his Send Cash app, and how it allows people to transfer money internationally with more ease. Sponsors Top End DevsCoaching | Top End Devs Links 3 React Component Design Patterns You Should Know About (openreplay.com)Samaila Bala Picks Jack - Nintendo Switch SportsPaige - Netlify Samaila - RemixTJ - PlatformIOSpecial Guest: Samaila Bala.Sponsored By:Coaching | Top End Devs...2022-05-1148 min
20minJSEpisode 10 - Accessibility in Web Applications with Graham RitchieIn this episode I discuss with Graham what accessibility is and how it impacts the web industry. The types of problems that accessibility tries to solve and how big of an impact it could have in your application if you were to actually pay attention to it during development.Don't miss this episode, it's filled with interesting information and you're getting it directly from one of the experts!Get in touch with GrahamTwitter: @inHuOfficial or @grahamTheDevDev.to: https://dev.to/inhuofficial (his reference piece, 101 Accessibility Tips)LinkedIn 4C Community Discord2022-05-1136 min
20minJSEpisode 9 - Front-end testing with Lucas da CostaIn this episode Lucas and I talk about front-end testing. What is testing, what type of tests are there and what kind of tools do front-end developers have to tackle these tasks. Those are all questions that get answered, so pay attention!We also dicuss a bit about his latest book, "Testing JavaScript Applications" by Manning.Get in touch with Lucas:Blog: https://lucasfcosta.com/Twitter: @thewizardlucasGithub: lucasfcostaLucas' favorite tools:JestSinonJSCypressPlaywrightGet the book!Check out "Testing JavaScript Applications" and use this cod...2022-05-0438 min