Kent C Dodds Podcastleri

Hey Kent! We've been using Hasura to generate CRUD APIs for our small team. Our existing web applications are all using Next.js, and consume the GraphQL API via Apollo Client and TypeScript hooks generated from the remote schema using graphql-code-generator. This workflow has saved us a lot of time, particularly in API development, and I love the g…

I am trying to figure out my stack on the backend side of things for Remix, more specifically services that will allow my server side code to run at the edge be it the server itself or the database or both so that everyone everywhere can use my app at super fast speeds. There are not a lot of resources out there about the best services out there th…

I love your website! ITS BEAUTIFUL.Kent C. Dodds tarafından oluşturuldu

I would really prefer to use magic links for authentication rather than username/password. However, I'm running into an issue where several of our clients share a single account login which means many people logging in don't have access to the email inbox. We already don't charge per user, but have you come across this situation before? Any tips on…

I have a question... could the useState be used without using the setter? because a teammate use it in that way to get an item from sessionStorage const [initialScrollPosition] = useState(() => Number.parseFloat(sessionStorage.getItem('offset') || 0)); and argues that this is so that the component is not unnecessarily rerendered and to read the ses…

This is a question about: Improve the Performance of your React Forms In the example, submitting the form successfully will still retain the current values of the fields. I want the behavior such that" when the server response says the form is NOT submitted successfully, then the form field will have the current values that has been inputted by the…

So this short call is about when to use which advanced react pattern to create re-usable components. Like are there any indications or things that make you think about why one approach is better than the other.Kent C. Dodds tarafından oluşturuldu

Your thoughts on staying positive and patient with unfriendly co-workers and/or leadership, and how to handle when they are disrespectful towards you.Kent C. Dodds tarafından oluşturuldu

There are many applications that consist mostly of a single page. Will we get any benefit if we use frameworks like Remix or Next.js for these?Kent C. Dodds tarafından oluşturuldu

I am using testing library to test my React app and one of my tests leaks or somehow affecting and causing another one to fail if they are in the same file. They work just fine in separate files. What can be the reason for this?Kent C. Dodds tarafından oluşturuldu

How did you approach versioning and dependency management when you were building this reusable component library at PayPal? I would like to know 1. How did you go about introducing breaking changes? 2. How did you make sure that people are using the latest version of your library or it doesn’t matter if they are using the same version? What’s bad a…

I have a question with regards to building out a minimum viable product. I am comparing using a full stack framework like django, that includes authentication and arm’s and routing and all the batteries builtin, versus creating a react app with all the backend farmed out to saas offering like auth0 for auth and the millions of sql/nosql/graphql. Wi…

Hello Kent, I learnt software development in a self-taught path and I really didn't do a good job (Now I know) because when I hear words like Serverless and others, I don't have the first clue what they are talking about. In summary, I'm clueless about a lot of things and I need help.Kent C. Dodds tarafından oluşturuldu

Your thoughts on Alfred and ScriptKit.Kent C. Dodds tarafından oluşturuldu

We're observing a lot of feedback about React and started to think "why". Why not Svetle or Vue? Why not something else. And it's also inspired by what you have put on the epicreact.dev landing page about why React is awesome. One of the good examples for more context please read: https://dev.to/jfbrennan/really-why-react-5958 Why I Love React The …

If useState contains a simple value like string or int, setting a new value that is the same as the existing value will not cause the component to re-render. However, if useState contains an object and I update the state with a new object that contains the exact same values, it will trigger the component to re-render. The React documentation says t…

Trying to figure out whether a CSS in JS approach will take a significance performance hit when using Remix, and whether it would be better to stick to remote and plain stylesheets. Also wondering whether Remix has any Babel-like class naming structure, or if there might be support for Babel in the future. Why Remix over other React frameworks? How…

As web developers, we come across a lot of topics and want to build a solid foundation on them. We also need to know what to focus on at certain stages in our journey. Deciding What Not To Learn How to get started with programming Dealing with FOMO How to get experience as a software engineer How to React ⚛️…

Can I test drag and drop with React Testing library?Kent C. Dodds tarafından oluşturuldu

Hey Kent, Thanks for the chance to ask you a question. This is about protected route and 3rd party payment flow, ending in a re-direct back to my website. The user would need to re-login again. How to avoid that? Super Simple Start to Remix Stop using client-side route redirectsKent C. Dodds tarafından oluşturuldu

As a designer/developer on a new team, where I'm also the most experienced, but haven't been given the path to recommending change wherever necessary. In other words, I was brought on to be an individual contributor, not specifically a consultant, although it's very obvious in many places that the app lacked a designer, and that the code lacked sen…

We are looking to build an open source website for students of our organization in college. What are some tips that can help with the building and management of such a project.Kent C. Dodds tarafından oluşturuldu

We use RTL at work and I also use it for personal project. I understand what RTL is and what it isn't. My question is what are you using alongside RTL in terms of frontend testing? At work I'm pondering implementing Visual Regression testing on a large React application to cover things like unwanted CSS changes, but am also afraid of the overhead. …

I wonder if you have any thoughts about creating web components in React.Kent C. Dodds tarafından oluşturuldu

When relying solely on passwordless magic links for signing users in to your application, you make the timely delivery of these links to people's inboxes a critical dependency for using your app. Though unlikely, it's not impossible that a mail service provider experiences an outage blocking your users for logging in. Less dramatic, but equally lik…

I wonder how you created the design for kentcdodds.com.It would be great if some resources or tips are shared. Design for Developers by Sarah Drasner Refactoring UI by Adam Wathan and Steve SchogerKent C. Dodds tarafından oluşturuldu

How should I think about pricing a workshop when demand for it is low? I enjoy the topic so I'm happy to teach it, and I want to be paid fairly for my time, but I don't expect to get much re-sale value out of it.Kent C. Dodds tarafından oluşturuldu

I see you use XState on your new website. Why and how do you use it? Are there any best practices and pitfalls? Implementing a simple state machine library in JavaScriptKent C. Dodds tarafından oluşturuldu

What do you use for dealing with forms in React? Improve the Performance of your React FormsKent C. Dodds tarafından oluşturuldu

I was wondering how to decide when the html is too trivial to turn into a component. For example turning msg into a component. Maybe it's useful for styled components? Thanks When to break up a component into multiple componentsKent C. Dodds tarafından oluşturuldu

Finding out more about the best places to use Fly.io's request replays, when to use it and when not to use it. How I built a modern website in 2021Kent C. Dodds tarafından oluşturuldu

In the "Fix perf death by a thousand cuts" exercise in the Epic React Performance workshop, extra credit 3 "write an HOC to get a slice of app state": why is forwarding the ref in the HOC required to actually prevent all the Cells from re-rendering? 06.extra-3.js Production deploy of that exampleKent C. Dodds tarafından oluşturuldu

Your website currently uses magic links to sign in users. This seems to be a completely secure method of authentication, yet is still quite uncommon compared to the traditional username + password combo's. Why do you think that is? If it's just as secure, or perhaps more secure, how can we improve adoption of this method? How I built a modern websi…

I need some tips to write a course and suggestions to choose the app idea, decompose it into lessons, things to focus on, deploy the app and writing tests. Taylor Bell Chats About Effective Teaching How I TeachKent C. Dodds tarafından oluşturuldu

What brings you to Remix over other React frameworks like Next and Gatsby? Remix is going open source soon so I'd love to pad my excitement even further with knowing truly what it brings over its competitors. How I Built a Modern Website in 2021 (blog post) How I Built a Modern Website in 2021 (slides) Have Single-Page Apps Ruined the Web? | Transi…

I'd like to learn more about paypal-scripts. What tasks did the package cover: linting, transpiling, CI, deploy, etc. Please share any advice you can about starting a similar toolkit. Tools without config Concerning ToolkitsKent C. Dodds tarafından oluşturuldu

Cam asks Kent his thoughts on the uprising JS framework, Svelte. RemixKent C. Dodds tarafından oluşturuldu

I wonder how you created those architecture diagrams with that hand drawn feel to them. How I built a modern website in 2021 ExcalidrawKent C. Dodds tarafından oluşturuldu

I come from non-CS background, MIS. Since you also come from a non-CS background, did you find that you needed to fill in any holes in your knowledge to get to where you are today?Kent C. Dodds tarafından oluşturuldu

Epic React has been on my radar ever since you started teasing it on Twitter. To me it feels like a "must have" that I "can't have". Obviously, it has a pretty hefty price tag, which I'm sure it more than warrants. But because of that price tag, it becomes unaffordable to me personally, and with my workplace being quite small, they're not always as…

Which of the approaches you have talked about (prop getters & compound components) is best for building UI-free components? Inspired by this thread. P.S. I think you should definitely rename prop getters to the IKEA pattern. downshift How to give rendering control to users with prop gettersKent C. Dodds tarafından oluşturuldu

The path of teaching yourself to code isn't for the faint of heart. It takes consistency, discipline, and the ability to recognize you're actually making progress. Tutorials are an excellent tool, but they are also a trap. If all you do are tutorials, retaining the skills you learn is going to be extremely difficult. Without applying those skills t…

It's easy to become entrenched in what you already know how to do. You might have a fun project idea that requires creating really awesome CSS animations, and it might seem out of reach if you haven't done anything like that before. But getting through that mental block is an extremely rewarding experience. You gain technical skills and improve you…

Scott Moss is a retired Navy Veteran who made the career change into software engineering after becoming a father. His journey wasn't an easy one, and as a dad, he had to learn many lessons in work-life balance. For us developers who have kids, his struggle is one that almost all of us can relate to. This industry has an extremely high ceiling, and…

There is a diverse range of philosophies when it comes to CSS. Settling on something that fits the needs of your team and application can be a real challenge. Mark Dalgleish, the co-creator of CSS Modules, has been working on an option that might make that choice less of a challenge! Vanilla Extract is kind of like "CSS-modules in TypeScript", allo…

Whether you know it or not, we all have a "personal brand". It's the summary of the part of yourself that you present to the public. And while there are negative connotations to the term, it doesn't have to be that way. Building a personal brand for yourself is a very useful tool for cultivating a community of like-minded people. But it's not a qui…

Constantly learning is something that we all have to do as developers. If you're a JavaScript developer then chances are CSS is something that hasn't been easy to learn for you. It doesn't have the error messages JS does and when things go wrong you can have no idea what's even happening. Well in this episode Josh Comeau gives us some effective str…

Side projects are important in our line of work. They sharpen our skills and sometimes they can even take off and lead our career in a new direction. But seeing people create these amazing projects over a weekend can be demotivating as a junior developer. "How can they do that when I'm five days deep into a todo app? What do they have that I'm miss…

We have to remember that we are all human beings with social and emotional needs. Our career suffers when we fall into a pit of negativity or when we put up mental barriers that prevent us from interacting with people we might've wanted to talk to. In this episode, Tracy Lee chats about the importance of remembering that everyone, even the awesome …

Building our apps to be accessible is absolutely necessary, but building a great a11y friendly experience is extremely challenging when we ourselves aren't in a situation that requires the use of a screenreader is keyboard-only navigation. We can't fully rely on tools to audit the a11y score of our apps. With the challenge being distinctly human, c…