Remix React Fullstack Tutorial | Crash Course
Learn about Remix: the newest fullstack ReactJS framework from the creators of React Router! In this crash course we'll be build a new application from scratch and you'll get to learn all of the remix fundamentals including routing, loaders, actions, validation, navigation, mutations, and several other concepts! We'll also use tailwind css for styles, and explore a couple other tips and tricks.
Code: https://github.com/mariusespejo/remix...
Docs: https://remix.run/
00:00:00 - Intro
00:00:19 - What we'll build (preview)
00:01:28 - Project setup
00:02:41 - Setup tailwindcss
00:05:34 - The meta function
00:07:17 - The links function
00:09:26 - Routing fundamentals
00:13:42 - Layout routes
00:16:20 - Dot delimiter (flat files)
00:17:33 - Dynamic paths
00:20:02 - Entry files
00:20:25 - Building the Films home page
00:23:39 - The loader function
00:34:18 - HTML Form GET
00:39:01 - Parsing URL search params
00:42:44 - Navigating between routes
00:46:06 - Parsing route params
00:48:54 - Prefetching
01:08:52 - Navlink
01:13:23 - Error Boundaries
01:16:30 - Catch Boundaries
01:30:06 - HTML Form POST (Mutations)
01:31:42 - The action function
01:36:05 - Pending states with useTransition
01:38:32 - Form Validation
01:44:18 - Route Module API summary
01:44:44 - Outro
Watch video Remix React Fullstack Tutorial | Crash Course online without registration, duration hours minute second in high quality. This video was added by user Marius Espejo 26 December 2021, don't forget to share it with your friends and acquaintances, it has been viewed on our site 29,904 once and liked it 899 people.