Podcast Frontend terbaik (2025)

1
Ep. #44: Technical Interviews in the age of AI 36:28

5d ago36:28

36:28

We discuss how AI has changed the way we do interviews. Remote only, plus access to AI chats has forced the industry to work differently. How should we conduct interviews? What should we ask? What should we look for in candidates? Follow us: - Chucho Castañeda https://x.com/honupo - Ricard Torres https://ricard.social/@ricard…

1
Ep. #43: Mobile First in 2025: Why Are We Still Getting It Wrong? 29:15

18d ago29:15

29:15

Ricard today complains about sites not being mobile-first and Chucho drops a history lesson. What is mobile first? Why are we still talking about this? How can we deliver better experiences? Follow us: - Chucho Castañeda https://x.com/honupo - Ricard Torres https://ricard.social/@ricardOleh Chucho Castañeda & Ricard Torres

1
Ep. #42: Accessibility in 2025, tips to be ready 32:20

18d ago32:20

32:20

We discuss the European Accessibility Act (EAA) that might affect your website, how to check, and deal with common issues. How hard is it to follow the Web Content Accessibility Guidelines (WCAG) 2.1 Level AA? We give you an insight and share our experience. What's your experience with accessibility? Follow us: - Chucho Castañeda https://x.com/honu…

1
Frontend Unfiltered Trailer 1:19

2M ago1:19

1:19

Welcome to Frontend Unfiltered! If you're an aspiring or newbie front-end developer looking for relatable career advice, practical learning strategies, and candid interviews to help you grow and connect in the tech community, you're in the right place. The first full episode drops on Wednesday, May 21st, 2025. Subscribe now!…

1
Ep. #41: How we manage stress in the FE world 33:53

3M ago33:53

33:53

We chat about things that can be stressful as a FE developer, we suggest things that work for us on how to deal and mitigate it (for you and you team). Share your tips and tricks with us! Follow us: - Chucho Castañeda https://x.com/honupo - Ricard Torres https://ricard.social/@ricardOleh Chucho Castañeda & Ricard Torres

1
Ep. #40: CSS in 2024 was fun 33:39

4M ago33:39

33:39

We share what we loved most about the 2024 CSS Wrapped as well as other CSS changes we've witnessed over the years that changed our way of working (yes, we will talk about border-radius). What where CSS changes that blew your mind? https://chrome.dev/css-wrapped-2024/ Follow us: - Chucho Castañeda https://x.com/honupo - Ricard Torres https://ricard…

1
Ep. #39: Best practices, standards and guidelines 29:25

4M ago29:25

29:25

We discuss how we work with guidelines, standards and best practices at Cognizant Netcentric. Including our very own ESLint and Stylelint open source configurations. Do you follow any guidelines when coding FE? Follow us: - Chucho Castañeda https://x.com/honupo - Ricard Torres https://ricard.social/@ricard.torres…

1
Creating a background gradient from an image 48:39

5M ago48:39

48:39

Ryan talks to Sam about reproducing iOS's new image background treatment for his Open Graph Preview tool, opengraph.ing. They talk about different approaches for generating gradients from images, including finding the vibrant color of an image, luminosity-weighted averages, k-means clustering, and more. Timestamps: 0:00 - Intro 3:07 - Apple's new O…

1
Ep. #38: Morals, ethics and being eco-friendly as a FE Developer 30:56

5M ago30:56

30:56

We discuss the moral of working for certain industries, how can we be more green (spoiler: it's web performance) as developers, as well as open source. Follow us: - Chucho Castañeda https://twitter.com/honupo - Ricard Torres https://ricard.social/@ricardOleh Chucho Castañeda & Ricard Torres

1
Ep. #37: Lessons learned as FE Developers 31:01

6M ago31:01

31:01

Chucho and Ricard have been coding for more than 18 years. These old time developers will share some of their hard learned lessons on being a developer and/or a FE Lead. Share your sips of wisdom with us. Follow us: - Chucho Castañeda https://twitter.com/honupo - Ricard Torres https://ricard.social/@ricard…

1
Exploring useActionState 59:57

6M ago59:57

59:57

Sam and Ryan talk about React 19's useActionState hook. They discuss how adding async functions to a plain React app introduces lots of in-between states that developers must grapple with, and how useActionState allows React to collapse and eliminate these states, bringing the simplicity of React's sync mental model to our async code. Timestamps: 0…

1
Cloudflare Tunnel | React Compiler | refs during render 42:46

6M ago42:46

42:46

Sam and Ryan talk about using Cloudflare Tunnel for local development, the new React Compiler beta release, and why reading or writing refs during render violates the rules of React. Timestamps: 0:00 - Intro 1:42 - Cloudflare Tunnel 7:06 - React Compiler 14:21 - Reading or writing refs during render Links: Cloudflare Tunnel React Compiler Beta rele…

1
Ep. #36: How to keep up to date with FE? 32:35

7M ago32:35

32:35

Why is it important to be on the loop for the latest and greatest FE technologies out there? The latest JavaScript framework? What's possible with the latest CSS? Performance and SEO... There's just so much. We share our tips and tricks to stay fresh and relevant. Follow us: - Chucho Castañeda https://twitter.com/honupo - Ricard Torres https://rica…

1
useAnimatedText | Events vs. State Changes | Catalyst 1:08:19

7M ago1:08:19

1:08:19

Sam and Ryan talk about building a useAnimatedText hook that can animate streaming text. They also discuss how React code that uses state changes to approximate events can be simplified, and the benefits of having escape hatches when building UI with Catalyst. Timestamps: 0:00 - Intro 1:22 - Catalyst and escape hatches 16:03 - Building a useAnimate…

1
Angular's change detection mechanism 9:04

7M ago9:04

9:04

This article examines how Angular's change detection mechanism works with and without the zone.js library. It explains that zone.js enables automatic change detection by intercepting asynchronous events in a browser, but that Angular can operate without it. The article then explores the advantages and disadvantages of using zoneless change detectio…

1
Can you self-host Next.js? 58:03

7M ago58:03

58:03

Sam and Ryan talk about how frameworks and infrastructure evolve with each other, using Next.js as a representative example. They discuss how hosting providers like Heroku have always imposed certain constraints on apps, what features those constraints enable hosting providers to support, how burdensome those constraints are across different framew…

1
Ep. #35: Patterns, anti-patterns and dark patterns 36:47

7M ago36:47

36:47

We explain the differences, share examples and give you plenty resources to get you started. Chucho can't stress enough that you should read these at least once! patterns.dev Gang Of Four GOF Design Patterns Design Patterns deceptive.design Follow us: - Chucho Castañeda https://twitter.com/honupo - Ricard Torres https://ricard.social/@ricard…

1
Ep. #34: Development conferences. Worth it? 30:19

7M ago30:19

30:19

We talk about web development conferences, going in-person or attending online. Are they worth it? What's the benefit? Couldn't you just watch a recording? What's the most interesting conference you've ever attended? If you haven't yet, any conferences you'd like to go to? Follow us: - Chucho Castañeda https://twitter.com/honupo - Ricard Torres htt…

1
Tom Occhino on the future of React 1:00:27

8M ago1:00:27

1:00:27

Tom Occhino, Chief Product Officer at Vercel and former Engineering Director at Facebook, joins Sam to talk about the pivotal moments in React's history. He talks about how React popularized the ideas of declarative rendering and unidirectional data flow, how GraphQL furthered React's goal of co-locating all the concerns of a particular piece of UI…

1
Render props 34:43

8M ago34:43

34:43

Sam and Ryan talk about render props in React. They discuss where they came from, how Hooks superseded them for sharing stateful logic, how data attributes compare to them for customizing styling, and how for certain complex components like forms they're still a great solution for accessing slices of internal state. Timestamps: 0:00 - Intro 3:40 - …

1
Controlled and uncontrolled components 47:25

9M ago47:25

47:25

Sam and Ryan discuss controlled and uncontrolled components in React. They talk about how uncontrolled components can be thought of as components that manage their own internal state, why you should model your complex React components after the simpler APIs of native HTML elements like inputs, why you shouldn't try to make components that are both …

1
Unstyled React components 34:08

9M ago34:08

34:08

Sam and Ryan talk about the pattern of building unstyled components with React. They discuss why unstyled components were created, how they improve upon composition patterns from UI libraries like Bootstrap, how they can be used to share behavior and logic without prescribing any styling opinions, and how they fit into a larger collection of React …

1
What is a framework? 1:02:38

9M ago1:02:38

1:02:38

Sam and Ryan talk about what sorts of capabilities a tool should have to be considered a web framework. They discuss how frameworks tackle the complexity of getting different systems to communicate with each other, how good frameworks embrace the strengths and patterns of the language they're written in, and why frameworks and services are not in o…

1
Crossover: Declaring War Against the Frontend 59:17

10M ago59:17

59:17

Sam joins Lane Wagner in a crossover episode with the Backend Banter podcast. They talk about abstractions in frontend and backend frameworks, what JavaScript is doing differently from other languages and frameworks, why the frontend should drive the backend even if you're building in a server-side framework, and what's so special about React Serve…

1
Blog Post Club: Queueing - An interactive study of queueing strategies 46:27

10M ago46:27

46:27

Sam and Ryan read and discuss a fantastic interactive blog post about queueing in HTTP written by Sam Rose. Timestamps: 0:00 - Intro 6:57 - Queueing: An interactive study of queueing strategies 9:05 - Why do we need queues? 13:16 - FIFO and timing out 17:55 - LIFO 20:58 - Priority queues 25:21 - Active queue management 29:08 - Comparing queues 36:3…

1
SPAs in React 19 59:34

10M ago59:34

59:34

Sam and Ryan discuss the new features in React 19 that will specifically benefit developers building single-page applications. They talk about how Suspense and Transitions let developers "teach" React about when their apps are in a loading or a pending state, how Client Actions improve upon using events in React 18 to handle data mutations, and how…

1
High floor, high ceiling 59:24

10M ago59:24

59:24

Sam tells Ryan about a recent talk he gave at BigSkyDevCon. They chat about how backend frameworks are raising the ceiling of what UIs they’re capable of delivering, how frontend frameworks are raising the floor of what backend features they come bundled with, and what each community can learn from the other. Timestamps: 0:00 - Intro 4:23 - Recap o…

1
Ep. #33: How to write quality and maintainable code? 34:00

10M ago34:00

34:00

We chat what is code quality, what are code smells, tips and tricks to make your code readable and maintainable. What are your tips? Code quality metrics: https://www.sealights.io/code-quality/code-quality-metrics-is-your-code-any-good/ Follow us: - Chucho Castañeda https://twitter.com/honupo - Ricard Torres https://ricard.social/@ricard…

1
Technical Cost vs. Product Benefit 1:14:10

11M ago1:14:10

1:14:10

Sam and Ryan talk about the difference between the costs of building a feature and the benefits that feature brings to our end users. They discuss how libraries and frameworks can lower the technical cost of building a given feature, how Ryan Florence framed this calculation in his talk at Big Sky Dev Con, and how sometimes developers’ opinions and…

1
Ep. #32: Knowledge Sharing in your Team 32:54

11M ago32:54

32:54

We discuss different ways to do knowledge sharing in your team or company. The challenges we've faced and what has worked for us. Find out about our Netcentric Academy https://www.netcentric.biz/jobs Follow us: - Chucho Castañeda https://twitter.com/honupo - Ricard Torres https://ricard.social/@ricard…

1
View Transitions in React 53:21

11M ago53:21

53:21

Ryan tells Sam about his experiments with using the new View Transitions API in a React photo gallery app. He talks about how he likes the flexibility of the API, how to think about integrating it into any client-rendered app regardless of the framework, and how he used a Promise with an Effect to tie a View Transition to a React Transition. Topics…

1
Ep. #31: How we started 2 frontend podcasts 35:25

11M ago35:25

35:25

Did you know we have both this and a different internal FE podcast? The internal podcast started first and gave us the idea to start one on YouTube. Tune in to know how it all began and what we learned along the way. Follow us: - Chucho Castañeda https://twitter.com/honupo - Ricard Torres https://ricard.social/@ricard…

1
Ep. #30: Accessibility Month 29:44

12M ago29:44

29:44

What is Accessibility? What's your experience with Web Accessibility? What does it mean a website is accessible? Keyboard navigation? Labels? These and more in today's episode. https://accessibility.day/ https://www.w3.org/WAI/ https://dynomapper.com/blog/27-accessibility-testing/273-wcag-the-web-content-accessibility-guidelines-explained Follow us…

1
Ep. #29: Should you use Web Components? 28:40

12M ago28:40

28:40

What's your take on Web Components? What are the best use cases? Should you use them for regular AEM projects? What's the best thing about Web Components? Check out a performance comparison of different frameworks and techniques to create Web Components: https://webcomponents.dev/blog/all-the-ways-to-make-a-web-component/ Follow us: - Chucho Castañ…

1
CodeMirror | Radix Themes 45:11

1y ago45:11

45:11

Sam tells Ryan about his experience setting up an in-browser code editor with CodeMirror that he plans on using for blog posts and code recipes, as well as what he thought about using Radix Themes for the first time in earnest on a side project of his currently styled with Tailwind. Topics include: 0:00 - Intro 4:01 - Building an authoring tool wit…

1
Throw is about control flow – not error handling 1:04:11

1y ago1:04:11

1:04:11

Sam and Ryan talk about why it’s better to think of throw as a general-purpose JavaScript language feature rather than something that should only be used for error handling. They discuss the ambiguity around the phrase “error handling”, situations that call for dealing with errors locally vs. globally, and how throw can be useful for non-error cont…

1
The Philosophy of Next.js 1:16:00

1y ago1:16:00

1:16:00

Sam and Ryan discuss the core values of the Next.js framework, and how those values motivate several of the framework’s design decisions. They talk about caching, why layouts don’t have access to the URL, and why the router doesn’t expose navigation events, as well as how developers should think about extending Next’s functionality with their own a…

1
Beyond Data Fetching with RSCs 1:09:50

1y ago1:09:50

1:09:50

Sam talks to Ryan about refactoring an MDX blog post to a React Server Component. They discuss how RSC’s ability to render server-side content with “client-side holes” turns out to replace MDX for many uses cases. They also talk about other tools that are (surprisingly) a conceptual subset of the RSC architecture, such as custom Webpack loaders. To…

1
Ep. #28: Chucho loves Single Page Apps 29:04

1y ago29:04

29:04

SPA? MPA? Are these still relevant in 2024? When would you use an SPA vs a regular MPA? Have you heard about the new View Transitions API? Follow us: - Chucho Castañeda https://twitter.com/honupo - Ricard Torres https://ricard.social/@ricardOleh Chucho Castañeda & Ricard Torres

1
Ep. #27: What is a FE Lead? 33:08

1y ago33:08

33:08

FE Manager, FE Lead... there are many names for what we think might be the same thing. We discuss what a FE Lead is accountable for. What to expect from a FE Lead? Types of leaderships. Join the conversation and tell us what's the your ideal type of FE Lead. Follow us: - Chucho Castañeda https://twitter.com/honupo - Ricard Torres https://ricard.soc…

1
Blog Post Club: React Labs – What We’ve Been Working On 1:23:05

1y ago1:23:05

1:23:05

Sam and Ryan read and discuss the latest update from React Labs. Topics include: 0:00 - Intro 5:26 - Opening 6:18 - React Compiler 27:27 - Actions 51:44 - Asset loading 1:13:06 - Next Major Version of React 1:15:42 - Activity Links: React Labs blog post Sam’s video on Strict ModeOleh Frontend First

1
Instant URL search params in Next.js 45:29

1y ago45:29

45:29

Sam and Ryan discuss the intuition behind React Transitions, and why React’s new useOptimistic hook is a good fit for building a URL-driven filter panel that stays fully responsive to client interactions. Topics include: 0:00 - Intro 1:12 - The problem: In a world of Server Components, URL updates are blocked by a server-side roundtrip 10:44 - Atte…

1
React Deep Dive: useOptimistic 51:08

1y ago51:08

51:08

Ryan and Sam discuss the purpose and usage of the useOptimistic() hook, a new experimental API from React. Topics include: 0:00 - Intro 2:18 - Problem: RSCs require a server roundtrip before the UI can be updated 10:13 - Solution: useOptimistic() lets you merge ephemeral client-side state with server-side data so you can update the UI during a Serv…

1
React Deep Dive: cache 1:07:28

1+ y ago1:07:28

1:07:28

Ryan and Sam discuss the purpose and usage of the cache() function, a new experimental API from React. Topics include: 0:00 - Intro 2:29 - Caching in Next.js vs. React cache() 8:11 - Why React invalidates the cache for each server request 14:43 - How cache() enables colocation of data-fetching code 16:14 - Using cache() to share CPU-heavy or I/O-bo…

1
Ep. #26: How much UX should a FE developer know? 33:26

1+ y ago33:26

33:26

We discuss UI, UX, design and the role of the frontend developer. Reading recommendations Links https://www.nngroup.com/articles/ https://www.nngroup.com/articles/usability-101-introduction-to-usability/ Books by Donald Norman The design of Everyday Things Emotional Design Books by Jakob Nielsen Usability Engineering Designing Web Usability Eyetrac…

1
Advanced Radix UI | Blog Post Club: React Server 55:39

1+ y ago55:39

55:39

Sam and Ryan talk about Advanced Radix UI, Build UI’s newest course. They also read and discuss a blog post that describes the RSC architecture in terms of two processes: React Server and React Client. Topics include: 0:00 - Intro 0:49 - Ceilingless libraries + Advanced Radix UI 21:02 - Read and discuss: “RSC is React Server + Component” Links: Adv…

1
Ep. #25: Open sourcing our FE Build 31:54

1+ y ago31:54

31:54

Today we're joined by Dragan Filipovic, Senior Front-end Software Engineer at Cognizant Netcentric. We talk how he spearheaded the initiative to open source our FE Build. A Frontend build system that can be used in both AEM and non-AEM projects. Try it out here: https://github.com/Netcentric/fe-build Follow us: - Chucho Castañeda https://twitter.co…

1
Ep. #24: Content management, decisions or options? 24:15

1+ y ago24:15

24:15

When creating web components for content editors, do you give them all the options? or take decisions that will work best for development and maintenance? We discuss headless vs server-side rendering as well. Ricard loves JSON files. Chucho? Maybe not. Follow us: - Chucho Castañeda https://twitter.com/honupo - Ricard Torres https://ricard.social/@r…

1
Ep. #23: Impostor Syndrome in Frontend 30:33

1+ y ago30:33

30:33

What is the Impostor Syndrome? How to fight it? Why is it more common than we think in Frontend development? We discuss this and offer some tips that have worked for us! Follow us: - Chucho Castañeda https://twitter.com/honupo - Ricard Torres https://ricard.social/@ricardOleh Chucho Castañeda & Ricard Torres

1
The SQL Injection Slide 1:27:40

1+ y ago1:27:40

1:27:40

Ian Landsman & Aaron Francis join Sam to discuss React Server Actions & Server Components, why it's important to have one set of opinions, and yes, the infamous SQL Injection Slide at NextConf. This is a crossover episode with the excellent podcast Mostly Technical. Topics include: 0:00 - The Most Memed Man on the Internet 09:06 - High Floor vs. Hi…

Podcast Layak Disimak

Frontend Podcast

Podcast Layak Disimak

Panduan Referensi Cepat