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, duration hours minute second in high quality that is uploaded to the channel Marius Espejo 26 December 2021. Share the link to the video on social media so that your subscribers and friends will also watch this video. This video clip has been viewed 30,955 times and liked it 915 visitors.
