To try everything Brilliant has to offer—free—for a full 30 days, visit https://brilliant.org/PedroTech/ . You’ll also get 20% off an annual premium subscription.
In this video, we’ll walk through building a scalable web application using the Remix framework. Whether you’re a beginner or looking to sharpen your skills, this tutorial covers everything you need to know—from setting up your environment to creating dynamic routes and styling with Tailwind CSS.
Code: https://github.com/machadop1407/Remix-Beginner-Tutorial
🌟 What You’ll Learn:
Introduction to Remix and its powerful features
File-based routing and nested layouts
Managing data with loaders and actions
Styling your app with Tailwind CSS
Best practices for building efficient and scalable apps
Want to Support Me? https://buymeacoffee.com/pedrow
Check Out My Tutorials In Text Form: https://www.pedrotech.co
🚀 Learn ReactJS By Building 6 Projects: https://codedamn.com/learn/reactjs-projects
🐙 GraphQL Course: https://codedamn.com/learn/graphql-for-beginners
Social
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Linkedin: https://www.linkedin.com/in/machadop1407/
Instagram: https://www.instagram.com/pedro.fmachado_
Github: https://github.com/machadop1407
Business Email: [email protected]
🌟 Gear / Hardware I Use and Recommend 🌟
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
💻 https://amzn.to/42kqFuM 💻 Monitor
🖱️https://amzn.to/3C0ZhHb 🖱️ Mouse
📷 https://amzn.to/3OHJvbM 📷 My Camera
🎤 https://amzn.to/3oxSthj 🎤 My Microphone
⌨️ https://amzn.to/3oFPpj1 ⌨️ My Microphone
⚡ https://amzn.to/3MYMnzM ⚡ LED Lights In the Background
Timestamps
00:00 - Introduction to Remix Framework
00:43 - Importance of Learning Remix
01:07 - Thanking Today's Sponsor
03:13 - What is Remix? Overview
04:51 - Setting Up a New Remix Project
06:14 - Understanding Folder Structure
10:01 - Exploring Root Layout Component
12:02 - Handling Routes in Remix
14:27 - Building a Simple Login Page
19:10 - Simulating a Mock Database
22:04 - Implementing User Login Logic
24:33 - Creating a Profile Route
39:18 - Implementing User Profile Logic
44:51 - Adding Logout and Delete Functionality
60:36 - Final Thoughts on Remix
Tags:
- ReactJS Tutorial
- ReactJS
- NodeJS Tutorial
- API Tutorial
#reactjs #coding