Building and Testing an MDX-based Blog

The Call Kent Podcast

Player FM - Internet Radio Done Right

17 subscribers

הוסף לפני four שנים

תוכן מסופק על ידי Kent C. Dodds. כל תוכן הפודקאסטים כולל פרקים, גרפיקה ותיאורי פודקאסטים מועלים ומסופקים ישירות על ידי Kent C. Dodds או שותף פלטפורמת הפודקאסט שלהם. אם אתה מאמין שמישהו משתמש ביצירה שלך המוגנת בזכויות יוצרים ללא רשותך, אתה יכול לעקוב אחר התהליך המתואר כאן https://he.player.fm/legal.

How to Be a Better Human

1
Throwing good parties and building community (w/ Priya Parker) 38:16

לפני 24 weeks38:16

הפעל מאוחר יותר

רשימות

לייק

אהבתי

38:16

Many of us are entering the new year with a similar goal — to build community and connect more with others. To kick off season five, Priya Parker shares ideas on how to be the host with the most. An expert on building connection, Priya is the author of “The Art of Gathering: How We Meet and Why It Matters.” Whether it's a book club, wedding, birthday or niche-and-obscurely themed party, Priya and Chris talk about how to create meaningful and fun experiences for all of your guests — including yourself. For the full text transcript, visit go.ted.com/BHTranscripts . For the full text transcript, visit go.ted.com/BHTranscripts Want to help shape TED’s shows going forward? Fill out our survey here ! Learn more about TED Next at ted.com/futureyou Hosted on Acast. See acast.com/privacy for more information.…

לפני שנתיים 6:58

MP3•בית הפרקים

What is a good way to test fs modules and why converting MDX on runtime is better than runtime.

Building and Testing an MDX-based Blog

214 פרקים

#Tech #Kent C Dodds #Software Development #JavaScript #React #Test #Careers #Software Engineering

Building and Testing an MDX-based Blog

The Call Kent Podcast

17 subscribers

published לפני שנתיים

שתפו

MP3•בית הפרקים

What is a good way to test fs modules and why converting MDX on runtime is better than runtime.

Building and Testing an MDX-based Blog

214 פרקים

#Tech #Kent C Dodds #Software Development #JavaScript #React #Test #Careers #Software Engineering

All episodes

1
What should I learn next? 6:03

לפני 5 weeks6:03

6:03

I know that Epic React 2 and Epic Web are completely different courses. Given that I’m already on the verge of completing Epic React 1, I’m currently confused about how to proceed next. Should I go for Epic React 2 to solidify my React knowledge and learn about React 19? Or should I pivot towards Epic Web, which offers a broader, full-stack curriculum that could help me become a more well-rounded developer? I’d appreciate any guidance on which path might be more beneficial at this point in my learning journey. What should I learn next?…

1
Does MCP make sense confined to a single app to rethink UX? 4:53

לפני 6 weeks4:53

4:53

I was wondering if you could also use the tool calling, etc. inside of a single app to rethink the way that user interfaces work? The future of AI interaction: Beyond just text Does MCP make sense confined to a single app to rethink UX?

1
Stuck in Stack Switching: How Do You Commit to One? 5:14

לפני 6 weeks5:14

5:14

In this recording, I talk about a recurring challenge I face when building proprietary solutions—constantly switching between frameworks like Next.js, React Router, and TanStack. I tend to shift tools when I hit roadblocks (like authentication issues), which makes it hard to commit and go deep with one tech stack. I’m reaching out to ask Kent for advice on how to stay focused and build with confidence without always second-guessing my choices. Stuck in Stack Switching: How Do You Commit to One?…

1
Building and Maintaining a Software Blog 4:45

לפני 8 weeks4:45

4:45

What does it take to start a blog about software - and actually keep it going? Blog Recorder Building and Maintaining a Software Blog

1
Securing Routes in React Router Framework 3:30

לפני 8 weeks3:30

3:30

I’m transitioning from SPAs with REST APIs to SSR applications using React Router Framework. While I’ve used layout routes and tools like SWR/React Query for route protection in React Router DOM, I just found out that actions in React Router Framework are still vulnerable to unauthorized POST requests. I use JWT auth with tokens stored in cookies—do I need to verify the JWT in every action on each route, or is there a global solution like Fastify’s onRequest hook? React Router v7.3.0 changelog which introduces middleware support Securing Routes in React Router Framework…

1
Adding Auth to MCPs 4:29

לפני 10 weeks4:29

4:29

How could a user authenticate themselves to access certain information that isn't public. Referring to Epicstack's MCP example. MCP Spec on Authorization Cloudflare Blog Post on MCPs Adding Auth to MCPs

1
Running audio in background while still offline 2:41

לפני 14 weeks2:41

2:41

In a web application what are the ways one can use custom audio file for notification on user devices while the user is offline. Running audio in background while still offline

1
What do you think about mutation testing applied to components? 6:23

לפני 18 weeks6:23

6:23

I’d love to hear your thoughts on mutation testing when applied to components. In my experience, it doesn’t seem to make much sense because it often reports that tests still pass after altering aspects that aren’t relevant to the component’s behavior. To me, this type of testing seems more suited for pure unit tests. What’s your perspective on this? Make your test fail Should I write a test or fix a bug? What do you think about mutation testing applied to components?…

1
When is a Promise not good enough, and I need a Web Worker? 5:40

לפני 23 weeks5:40

5:40

I just finished Expensive Calculations in React Performance. Why do we need a Web Worker instead of just wrapping the long-running function in a Promise that resolves when the function completes? Expensive Calculations - Epic React Performance Workshop When is a Promise not good enough, and I need a Web Worker?…

1
How Useful is LiteFS in 2025? 10:11

לפני 24 weeks10:11

10:11

In 2022 you migrated a blog from postgres to LiteFS. Is that generally recommended in 2025? How Useful is LiteFS in 2025?

1
What are your thoughts about Qwik and hydration? 7:20

לפני 24 weeks7:20

7:20

What do you think about resumability and Qwik? About 9 months ago, there was talk about Wiz and Angular working more closely together (Wiz was the tool that inspired Qwik). But Angular only committed to working on partial hydration support, not the full resumability like Qwik. So do you think React developers should care about this? If so, should they use partial hydration tools like Astro today or wait for something like resumability to be added to React? 𝕏 Post What are your thoughts about Qwik and hydration?…

1
Dependent driven motivation and embracing AI 7:43

לפני 24 weeks7:43

7:43

I would like to know how you get motivated knowing that you have dependents and stay strong in the event of layoff. How do you handle the fear of AI taking over job? My original post Jyoti's response P.S. I didn't really mention much about AI so feel free to ask a follow-up on this for a more specific answer, but I would say that AI is just an important tool we need to learn and keep using the best tools to get the best benefits. Check out this Epic Programming Principle: Adapt to and adopt productive tools Dependent driven motivation and embracing AI…

1
Does the testing trophy need updating for 2025? 10:17

לפני 28 weeks10:17

10:17

In 2024, we live in a world where the defacto for creating React applications is SSR (e.g. Remix, react router v7, Next, TanStack). Coupled with the rise in performance, reliability and reduction of cost in running e2e tests by playwright and now vitest's Browser Mode, is it time to consider reworking the Testing Trophy to make e2e tests the largest proportion of the trophy? This is starting to make more and more sense to me as e2e tests are becoming as cheap to execute as integration tests, whilst integration tests are more complex to write in a SSR application without mocking client side or server side code. The Testing Trophy and Testing Classifications Vitest Browser Mode @epic-web/app-launcher Does the testing trophy need updating for 2025?…

1
Balancing Conventions and Flexibility in Large Codebases 6:54

לפני 29 weeks6:54

6:54

I’m curious about your thoughts on balancing conventions in large codebases. For context, I’m working in a project with ~20 developers across four separate teams. Where do you think we should draw the line between enforcing conventions for consistency and leaving room for flexibility in individual contributions? EpicWeb config Balancing Conventions and Flexibility in Large Codebases…

1
I'm a React dev... What now? 5:26

לפני 29 weeks5:26

5:26

I build UI and UX for a company using React. What should I do next? How do I get to the senior level? Stop Being a Junior Go down to level up EpicReact.dev Build React Hooks I'm a React dev... What now?

The Call Kent Podcast

1
How to keep Type-Safety when defering data from a Remix loader 4:21

לפני 41 weeks4:21

4:21

While using the defer utility on a loader, the result useLoaderData hook on the component, does not have proper types any more, and im looking a effective way to keep my types chilling How to keep Type-Safety when defering data from a Remix loader

The Call Kent Podcast

1
Good open source projects implementing frontend testing strategy 3:43

לפני 46 weeks3:43

3:43

What are good examples of open source projects implementing extensive automated testing strategy for frontend? Epic Stack Skill Recordings Products TestingJavaScript.com Testing Fundamentals Workshop Web Application Testing Workshop Good open source projects implementing frontend testing strategy

The Call Kent Podcast

1
Should I learn GraphQL or just stick with REST? 2:50

לפני 50 weeks2:50

2:50

When we have to learn GraphQL? Is it worth to learn it or REST APIs are enough? Should I learn GraphQL or just stick with REST?

The Call Kent Podcast

1
React Components vs Progressive Enhancement 4:32

לפני 1 year4:32

4:32

Hi, Kent, my name is Alex. On one hand, you advocate for implementing Progressive Enhancement technique for applications. On the other hand, even in Epic Stack, the use of custom React components is justified, even for a simple checkbox, which essentially makes the application non-functional without JavaScript. So, I'm struggling to decide whether it's worth trying to develop a Progressive Enhancement UX at this time or if it's still an unattainable ideal. Kent Dodds - Bringing Back Progressive Enhancement - RenderATL 2022 React Components vs Progressive Enhancement…

The Call Kent Podcast

1
Test Cleanup: in the test or in afterEach 7:40

לפני 1 year7:40

7:40

My coworker were in an argument about where test cleanup should go (afterEach, or in the test?), and I thought you might have some great insights! Avoid Nesting when you're Testing AHA Testing Test Cleanup: in the test or in afterEach

The Call Kent Podcast

1
How many hours do you spend coding? 5:16

לפני 1 year5:16

5:16

simple question on time commitments to coding. How many hours do you spend coding?

The Call Kent Podcast

1
Remix Vite: Debugging Production issues 4:14

לפני 1 year4:14

4:14

My Remix Vite App Has Slow Initial Requests that takes up to 10 minutes loading the page then it will serve pages faster after that event if change devices console.time and console.timeEnd patch-package Remix Vite In Production

The Call Kent Podcast

1
Inspired by Your Work 6:23

לפני 1 year6:23

6:23

Hi Kent, My name is Mahdi Nazari, and I've admired your work for the past year. Your website has been a wellspring of inspiration, particularly your unique lifestyle and the impactful way you're shaping the world. To sum up, I really love it. As a graduate Geographic Information Systems (GIS) graduate student, I've had the pleasure of utilizing your JS libraries in my projects. They've proven to be invaluable tools. Currently, I'm embarking on a journey to build my brand, a platform to share my mission, passions, and more. Your approach resonates deeply with me – it offers a compelling way to communicate my values and ignite a spark in others. If you were starting your brand from scratch today, what pearls of wisdom would you offer someone embarking on a similar path? Is there any course or book or someone who can help me in this path? Any insights you could provide would be immensely valuable. Thank you for your time and for the constant inspiration you provide, Mahdi Nazari Kent's Appearances 2010s Decade in Review Tribes: We Need You to Lead Us by Seth Godin Inspired by Your Work…

The Call Kent Podcast

1
When to add a CSP (Content Security Policy) 5:21

לפני 1 year5:21

5:21

Should one consider CSP at the very early stage of starting a new website or under what conditions should one consider implementing CSP. CSP on MDN Content-Security-Policy-Report-Only When to add a CSP (Content Security Policy)

The Call Kent Podcast

1
Do generated types from OpenAPI spec change testing? 6:50

לפני 1 year6:50

6:50

Hey Kent! I've been thinking about something lately. I've worked at a number of different sass companies and something that is always an interesting problem is how we end-to-end test a software application that has a UI. I love the idea of testing for confidence and, to that end, I've been wondering how we might begin to shift our thinking about confidence testing when we use some communication protocol, like GRPc or OpenAPI to and use those protocols to generate things like static types. If a backend and frontend are both very well integration tested and the both use auto-generated types from the same spec file, how much e2e testing do we really need? It seems like the spec file would help bridge that confidence gap a lot for us. I worked at a relatively large sass company once and we had about 300 e2e tests that ran on every PR. It took way too long, but we had a very high level of confidence when we shipped code. We had integration tests too, but I wonder as I reflect on that experience, should we have focused way more on integration tests and integration testing larger features of the software knowing that we had type safety from the communication protocols we used. Really hoping to hear back from you! I respect your thoughts on testing a lot and I'm a long time consumer of your open source libraries and ideas. Do generated types from OpenAPI spec change testing?…

The Call Kent Podcast

1
Prevent revalidation of remix loaders after mutation 4:05

לפני 1 year4:05

4:05

Hello Kent, here is a transcription of my message, if you did not catch something. Thanks! I have a component that im importing in a dashboard folder in an index.js file. I'm using fetcher.form to submit a form with the Post method. the request is succesful, but when I click on sumbit, this reloads all of the requests of my loaders from different components that are being rendered in the dashboard folder. how can I avoid the reload of unrelated loaders in the same folder (dashboard)? shouldRevalidate Unwanted loader reloading using fetcher.form in shared folder.…

The Call Kent Podcast

1
Design the React component library 4:47

לפני 1 year4:47

4:47

How to develop component library which can easily adapt multiple design languages Mux Player: Customize the look and feel React Aria React Spectrum Design the React component library

The Call Kent Podcast

1
SEO Optimization and Hosting 8:18

לפני 1 year8:18

8:18

Seeking advice on optimizing website hosting for SEO with Remix. Search Engine Optimization on EpicWeb.dev How I built a modern website in 2021 I Migrated from a Postgres Cluster to Distributed SQLite with LiteFS Fly.io PartyKit

The Call Kent Podcast

1
Progress bar for mutations in Remix 9:13

לפני 1 year9:13

9:13

Hi Kent! How do you create a progress bar for actions in Remix? Like if a request takes maybe 10 or 20 seconds to finish and you want to give your users some feedback that things are progressing? Best regards, Jan useNavigation kentcdodds.com progress epic-stack progress Progress bar for mutations in Remix…

The Call Kent Podcast

1
Mocking in the full stack metaframework Era 10:14

לפני 1 year10:14

10:14

When we were building client side application mocking during e2e tests was a bit easier because you could just monkey patch fetch and call it a day. Today we also control the server so the line has a bit shifted. There are solutions, like MSW, to mock on the server side too but what if instead of an API call you query a db? Mocking in the full stack metaframework Era…

ברוכים הבאים אל Player FM!

Player FM סורק את האינטרנט עבור פודקאסטים באיכות גבוהה בשבילכם כדי שתהנו מהם כרגע. זה יישום הפודקאסט הטוב ביותר והוא עובד על אנדרואיד, iPhone ואינטרנט. הירשמו לסנכרון מנויים במכשירים שונים.