Built with tailwindcss
others / www.youtube.com2021-12-26

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-ghibli 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

others / www.youtube.com2023-06-23

Remix.run V2 Full Stack Tutorial 2023 |Β Crash course

Welcome to the Remix.run V2 Full Stack Tutorial 2023 Crash course! In this exciting Crash course, we'll dive deep into the latest version of Remix.run, a cutting-edge framework for building full stack JavaScript applications. πŸ‘¨πŸ»β€πŸ’»Github Repository: https://github.com/ski043/remix-tutorial-yt πŸ‘¨πŸ»β€πŸ’» Ressources used: Remix.run: https://remix.run/ Tailwind.css: https://tailwindcss.com/ Timestamps 00:00 Intro 00:25 Demo 01:35 Initial Setup 07:00 Dark Mode Setup 17:00 Coding Application 50:30 Hygraph Setup 56:00 Coding Application 01:38:06 Deployment @TailwindLabs @Remix-Run #tailwindcss #remix

others / www.youtube.com2023-07-06

Create a Full Stack Realtime Chat Messaging App with Remix.run

Join me in this exciting coding tutorial as we dive into the world of full stack development! In this video, we'll be creating a feature-rich chat messaging application using Remix.run using the power of Server-Sent Events. πŸ‘¨πŸ»β€πŸ’»Github Repository: https://github.com/ski043/remix-chat-yt πŸ‘¨πŸ»β€πŸ’» Ressources used: Remix.run: https://remix.run/ Tailwind.css: https://tailwindcss.com/ Remix-Auth docs: https://remix-docs-flame.vercel.app/ Timestamps 00:00 Intro 00:25 Demo 01:05 Installation 09:00 Setup Prisma 15:10 Coding Application @Remix-Run @TailwindLabs #tailwindcss #react

others / www.youtube.com2023-06-20

Create a Personal Website / Blog using Remix.run, Tailwind.css, Hygraph and GraphQL

Welcome to my latest YouTube tutorial on creating a personal website with a blog using the powerful combination of Remix.run, Tailwind.css, Hygraph, and GraphQL! πŸš€ In this step-by-step guide, I will walk you through the process of building an impressive personal website that showcases your unique skills while incorporating a dynamic blog. Harnessing the cutting-edge technologies of Remix.run, Tailwind.css, Hygraph, and GraphQL, you'll learn how to create a stunning online presence that leaves a lasting impression. πŸ‘¨πŸ»β€πŸ’»Github Repository: https://github.com/ski043/personal-website πŸ‘¨πŸ»β€πŸ’» Ressources used: Tailwind.css: https://tailwindcss.com/ Remix.run: https://remix.run/ graphql-request: https://www.npmjs.com/package/graphql-request Headlessui: https://headlessui.com/ remix-themes: https://github.com/abereghici/remix-themes Timestamps 00:00 Intro 00:25 Demo 01:35 Initial Setup 07:00 Dark Mode Setup 17:00 Coding Application 50:30 Hygraph Setup 56:00 Coding Application 01:38:06 Deployment ​@Hygraph @TailwindLabs @Remix-Run #tailwindcss #remix