Remix is a terrific tool for building simple websites and far superior for building complex web applications. Remix takes care of many issues in modern web improvement. You don't you dare even consider server cache management or global CSS namespace clashes. It isn't so much that Remix has APIs to avoid these issues; they basically don't exist while you're utilizing Remix!
This course and others like it are available as part of our Frontend Masters video membership.
Kent C. Dodds presents the course and examines the advantages of the advanced Remix topics. This course builds on the ideas learned in the Remix Fundamentals course.
Kent walks through the course repository and explains how to run the various applications. A README file with directions and places for note-taking accompanies each exercise. A question about testing is also addressed in this portion.
Students are told to utilize the useFetcher().Form component to avoid a full-page invigorate and history stack addition when the structure is submitted.
Kent demonstrates the solution to the Non-Nav Mutation exercise.
Students are told to apply Optimistic UI techniques to the application by posting new stores immediately after the client submits them.
Kent demonstrates the solution to the Optimistic UI exercise.
Kent utilizes a TodoMVC application to answer questions about handling numerous UI updates to the same component. Questions about managing fetchers are also answered in this fragment.
Students are told to add rationale to focus the element with a validation error. In the event that there are no errors, the principal input element ought to be focused.
Kent codes the solution to the Focus Management exercise.
Students are told to utilize the unstable_shouldReload API to indicate which courses ought to be reloaded when a particular mutation or client-side transition happens.
Kent demonstrates the solution to the Revalidation Optimization exercise.
Students are told to interface the combo box component to the database, so as the client starts composing, the combo box shows matching outcomes.
Kent walks through the solution to the Non-Nav Fetching exercise.
Students are told to complete the Remix implementation of the logout modal. A post request ought to be shipped off the/logout course with the useSubmit() snare.
Kent demonstrates the solution to the Imperative Mutations exercise.
Further developing Loading UX
Students are told to deliver the spinner component with the useTransition snare when the application is in a loading state. The twist delay package can also be utilized to delay the appearance and stowing away of the spinner.
Kent walks through the solution to the Pending UI Loading Spinner exercise.
Students are told to show a skeleton UI to further develop the client experience while the substance is loading. The useTransition().location.state item can assist with figuring out which client record is being transitioned.
Kent codes the solution to the Skeletons exercise.
Students are told to execute the defer, Suspense, and Await APIs on the $customerId course to create the best loading experience.
Kent walks through the solution to the Defer exercise.
Kent utilizes the organization profiler in the program engineer tools to explain how the Remix Defer component functions in tandem with React Streaming. A question about settling suspense objects is also examined in this portion.
Kent momentarily troubleshoots a boundary error tossed by the Suspense component.
Kent finishes up the course by answering questions about PWAs, CSS in components, Storybook integration, what's astonishing about the eventual fate of Remix, and local area assets.
Wait a second...
Watch 👉How to download video
Zip/rar files password can be one of these :- FreeCourseUniverse OR CheapUniverse
Hey Guys We are Tech Enthusiasts and we know knowledge is key to success ! We are here to open path to your success by providing what you want. Today education == business. Our moto is education should be accessible by any person who is not able to purchase overpriced content.
We are bringing so many new things at the fraction of a cost....