Afleveringen
-
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)?
shouldRevalidateUnwanted loader reloading using fetcher.form in shared folder.
-
How to develop component library which can easily adapt multiple design languages
Mux Player: Customize the look and feelReact AriaReact SpectrumDesign the React component library
-
Zijn er afleveringen die ontbreken?
-
Seeking advice on optimizing website hosting for SEO with Remix.
Search Engine Optimization on EpicWeb.devHow I built a modern website in 2021I Migrated from a Postgres Cluster to Distributed SQLite with LiteFSFly.ioPartyKit -
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
useNavigationkentcdodds.com progressepic-stack progressProgress bar for mutations in Remix -
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 -
The content for new developers is everywhere, but finding quality insight that helps you level to senior and above is hard to come by. This is in part because such content is difficult and time consuming to make. What goes into making such content and is there a lack of it in our industry?
How do you create advanced content for developers -
Hi Kent,
It's Jan 👋
When creating a dropdown menu (e.g. to pick a role in an organization), would you wrap the whole menu in a form tag and then render multiple buttons within that form (one for each role)? Or would you render multiple forms (one for each role) with each having their own submit button?
Thanks a ton if you answer!
Best regards,Jan
A Button Per form or One Form with Multiple Buttons -
Hi Kent,
It's Jan.
I'm currently working on implementing toasts in a Remix app. I was using the Epic Stack as a reference.
BTW, thank you for creating it, it's so nice to take some features and functionalities from it when you need them!
Anyways, it looks like the implementation of the toast in the Epic Stack does NOT work with JavaScript disabled. But theoretically, you could make toasts in Remix progressively enhanced by giving the close button a form and prevent default when JavaScript is enabled.
It looks like the library you're using in the Epic Stack - Sonner - does NOT expose the close button, so you can't progressively enhance it.
Was it a conscious decision to make the toast JavaScript only? Or let me ask the decision more openly, what are your thoughts on this?
As always,thanks a ton!
Toasts in Remix -
So, recently I started looking for my first software job. The first offer I received was from a company looking for an intern. The internship had the following conditions: 1) the first 3 months of it are unpaid 2) you have to sign a contract after the 1st month of it that obligates you to stay at the company 2 years after the internship is ended. I rejected it because I felt like you never know what that company may turn out to be. For example, it may try to exploit you and pay you the bare minimum for the job you're doing preventing your career growth and your only option may be to wait for that contract to expire and then start looking for a higher position at another company. I'd like to ask your opinion about:
unpaid internshipsinternships that obligate you to stay at the company for 1 or 2 years once the internship is endedcompanies that follow both of these practicesUnpaid internships and indentured servitude -
My question is around the optimization techniques that a lot of people apply to React apps. I see very often how devs focus on executing their components only once or twice. What I think matters at the end is if there any changes in the actual DOM tree. If not they in theory should be ok to see your functional components fired many times.
One React mistake that's slowing you downImprove the Performance of your React FormsFix the slow render before you fix the re-renderOne simple trick to optimize React re-rendersIt's fine to re-render -
Is Data Structures and Algorithms is necessary to become a successful full-stack engineer?
Data Structures and Algorithms -
What are the pros and cons of the flat routes vs the v2 router? Are you planning to switch at some point?
New File System Route Conventions by RyanRemix Flat Routes vs Remix v2 Router -
Hi Kent. I am building an app where product sellers can add their products and they by default get a website listing their products.
On the app can make some basic customizations for their store website such as color, border radius etc. And each store owner's website is a subdomain. e.g kentstore.xyz.com
I am using remix for the stores. On page load, I want to fetch the styling config for the website from the db.
What would be the best approach for this ?. Your insight would be very valuable to me
I look forward to your response.
PS: I am totally loving the epic-web course. You're simply amazing.
Remix Resource Routes docsEpic Web Resource Routes ExerciseGenerating CSS with Remix Resource Routes -
Hi Kent ! I'm Virgile, big fan of your work, and I have a question regarding your article 'Full Stack Component'.
I am currently using a combobox, managed by useCombobox from the downshift library.
But I would like conform to take over the input props management, while still getting the autocomplete features.
I'm curious how you would implement it.
Turn Progressive Enhancement up to 11Using Downshift with Conform to manage an input -
Curious about your thoughts on this article Web Components Will Outlive Your JavaScript Framework
Why I don't use web componentsJake Lazaroff’s article on Web Components -
Do you have some best practices for scale Remix applications with Prisma regarding testability, reusability, and separation of concerns? When do you decide to move functions and business logic from loaders and actions to a .server file? Do you have functions like getUsers in a user.server file or do you call the database directly in the loaders?
Code Organization in Full Stack Apps -
Can home made client hints like the one you are using in Epic Web Stack be seen as profiling?
Use Client Hints to Eliminate Content Layout ShiftClient Hints and profiling -
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 -
Yes, this is Kent calling himself. I just wanted to let all subscribers to the podcast know that https://EpicWeb.dev is available today!
EpicWeb.dev is now available! -
What do you consider full stack? E.g. some people think that full-stack should include devOps, some don't. What do you think? And does EpicWeb consider devOps to be apart full stack?
Deploy Web Applications All Over the WorldWhat is full stack for EpicWeb.dev? - Laat meer zien