Remix React Fullstack Tutorial | Crash Course

Опубликовано: 26 Декабрь 2021
на канале: Marius Espejo
29,904
899

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


Смотрите видео Remix React Fullstack Tutorial | Crash Course онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Marius Espejo 26 Декабрь 2021, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 29,904 раз и оно понравилось 899 людям.