잠시만 기다려 주세요.
노마드 코더 Nomad Coders
2024. 8. 31.
여러분은 따라하지 마세요 ㅋㅋㅋ #프로그래밍 #개발자 #개발자유머 #UI #노마드코더 - 📌 니꼬쌤이랑 재밌게 코딩 시작하기! https://bit.ly/3nvMlWi
🎧 브금 - 오늘의 일기님🥰 https://youtu.be/k6Mmsle58U8?si=dEjxLmBVrNzbMw1G 오늘도 빡코딩!🔥👨💻
2024. 10. 21.
useOptimistic makes your pokey backend feel fast with optimistic updates to your UI. It's simple to use, but we'll covert the gotcha, as well as how to use it with React Query and also whether or not you should use it with a state manager. Code: https://github.com/jherr/useOptimistic-video 👉 Upcoming NextJS course: https://pronextjs.dev 👉 Don't forget to subscribe to this channel for more updates: https://bit.ly/2E7drfJ 👉 Discord server signup: https://discord.gg/ddMZFtTDa5 👉 VS Code theme and font? Night Wolf [black] and Operator Mono 👉 Terminal Theme and font? oh-my-posh with powerlevel10k_rainbow and SpaceMono NF 00:00 Introduction 00:50 Creating a simple API server 03:05 Setting up Pico CSS 04:40 Connecting to the API server 05:43 Posting todos to the server 06:54 Bring on useOptimistic with 19 09:04 When to call the useOptimistic setter 10:10 useOptimistic with a transition 11:10 Potential issues with useTransition 11:56 Reducer variant of useOptimistic 12:48 Error handling 14:25 Using a form action 16:00 useActionState 17:28 Integrating with React Query 18:02 Don’t fear the peer deps warning 19:48 Using React Query’s useMutation 21:32 Once more, but with Zustand 24:09 State manager or useOptimistic 24:29 Outroduction
2024. 6. 24.
In this video, I will show you how Rust elegantly hides much of the complexity from us. Free 4-Day Rust training: https://letsgetrusty.com/bootcamp Chapters: 0:00 Intro 0:16 The hidden code 0:53 Breaking down the code 2:06 Rust Standard Library 2:35 Print line macro 3:32 Running the expanded code 3:47 Conclusion
2024. 8. 8.
An interesting problem that so many devs failed to solve in my live-coding interviews. Do you think you can solve it ? ✨ My Links - Discord: https://discord.gg/R9aAX7zxkM X.com: https://twitter.com/rajeshdavidbabu Sponsorships: https://www.passionfroot.me/rajesh-babu Github: https://github.com/rajeshdavidbabu ✨ Problem: https://www.typescriptlang.org/play?#code/PQKhAIChwMQewE7gIYDsUIcgnuOAzcAS1QBcBTAc3IQGdwANABgBpGBGFgOh65YfQFwAG3KpKpABbhUbAO6Sa5cE3AAeGevDsmq6GgAmjIsXqkiAW3JwArqWLoLRYcKK1yAYzioDtLlHAABQQSexIDcgAPYhR8CiQpZXMrW3shBhMvVHcPOyIAN3JhbH8oSABRSOQLAAdRAC4oeCQ0DCxcIQBtAE5dNnYAJj7wABZhgHZhgGZdVQBdSEgAeTsau3rIYND6VWQ4mnBepgs-TZCyenZY+O0h4-o9m5rz83EVLjPt8AHrg7H735IZ6hEiUbQfACCPnAtDgeFQgDICRaVGqeUjIczeDYAZTgwkKxHsNlooJQtGwqA8wGQcmQRDSSAAUtjwM84E53KcQMBIEA
2024. 2. 22.
Ultimate Next.js 15, Typescript and Supabase Course: Build a Full-Featured Slack Clone Please you can continue PART 2 here https://youtu.be/qauKS3Cx4rc?si=EhUQYbsAJxFkywy8 Welcome to the most comprehensive Next.js course on YouTube! Over the next 19 hours, you'll master building a Slack clone from scratch, using cutting-edge technologies and best practices. This course is perfect for beginners and experienced developers looking to deepen their knowledge of Next.js and full-stack development. Technologies and Tools Covered: Next.js 15 TypeScript Supabase (RPC, Storage, SQL, Role Level Security) Tailwind CSS Shadcn UI Google Auth GitHub Auth Email Auth with Magic Link React Query Tiptap React Zod React Hook Form Socket.IO Zustand Bun Uploadthing Course Features: Detailed, step-by-step guidance Timestamps for easy navigation (see below) Discord group for mentorship, questions, and recommendations Access to all SQL scripts used in the course App Features: AUTH CREATE WORKSPACE CREATE CHANNEL DIRECT MESSAGING VIDEO CALL AUDIO CALL SCREEN SHARING WORKSPACE INVITATION CHANNEL INVITATION MULTI-ROLE AUTHENTICATION ("USER," "ADMIN," "REGULATOR") DARK AND LIGHT THEME Middleware in Next.js Advanced practices Let's connect on linkedIn: https://www.linkedin.com/in/laribright Email: itslaribright@gmail.com Github: https://github.com/laribright/slack-clone (Please give a star 🙏🏽) What You'll Learn: Building a modern, responsive UI with Tailwind CSS and Shadcn UI Implementing secure authentication with Google, GitHub, and email magic links Managing state with Zustand and React Hook Form Real-time communication with Socket.IO Handling file uploads with Uploadthing Using Supabase for backend services, including RPC, storage, SQL, and role-level security Applying advanced Next.js features and middleware No Prior Knowledge Required: This course is designed to be beginner-friendly. I'll guide you through each concept, ensuring you understand everything from the basics to advanced practices. Timestamps: 0:00 - Intro 02:56 - Bun Bootstrap new project 15:11 - Tailwind config, Layout, and Font 18:45 - Supabase Auth Setup 34:26 - Supabase Client SSR Nextjs 46:30 - Typography Component - Login Form 01:29:33 - Authentication (Google, Github, Email) 01:53:58 - Supabase (PostgreSQL, RLS, Functions, Triggers, SQL Editor) 02:22:05 - Protecting Routes in NextJS 02:27:07 - Supabase Types 02:34:16 - Get Current User Session 02:44:06 - Create Workspace UI - Zustand 03:13:18 - Uploadthing workspace Image upload 03:34:10 - Workspace Table - Supabase - Form Submission 03:58:54 - Create Workspace Logic Supabase 04:04:54 - RPC 04:33:49 - Theming, Workspace Layout 05:00:14 - Fetch Workspaces, Workspaces Data 05:09:31 - Sidebar component 05:15:06 - Sidebar Nav 05:38:41 - Sidebar Nav Cont. 06:12:00 - Layout Fixes - Complete Theming 06:44:19 - Create Workspace Form 07:05:17 - Create Workspace Functionality 07:16:57 - Switch Between Workspaces 07:31:03 - Channels and Direct Messages UI 07:47:47 - Create Channel UI 08:08:22 - Create Channel Supabase 08:22:08 - Create Channel Functionality Completed 08:50:11 - Display Channels 09:08:44 - Channel Page 09:26:19 - No Channel Screen 09:37:45 - Text Editor. Menu Bar, Emoji 10:21:19 - Editor Content Component 10:28:09 - Channel Message Schema 10:40:15 - Create Messages 11:15:52 - File Upload Bucket, Form UI 11:43:03 - Fill Upload Message Creation 11:57:43 - Part One Complete Join the Community: Have questions or need further help? Join our Discord group for personalized mentorship, discussions, and recommendations. https://discord.com/channels/1257807610015387671/1257807677304737893 Start Coding: Ready to dive in? Let’s get started and build something amazing together! Ultimate Next.js 15, Typescript and Supabase Course: Build a Full-Featured Slack Clone #nextjs #typeScript #supabase #rpcs #rls #postgresql #postgres #tailwindcss #shadcn #authentication #reactquery #zod #reacthookform #socketio #zustand #bun
2024. 7. 3.
In this video, you'll learn how you can compress images and Bitmaps on Android to upload them with a more ideal file size. You want to understand the 'why' behind Coroutine? Get the course "The Kotlin Coroutines & Flows Masterclass" now! https://pl-coding.com/coroutines-masterclass ⭐ Courses with real-life practices ⭐ Save countless hours of time ⭐ 100% money back guarantee for 30 days ⭐ Become a professional Android developer now: https://pl-coding.com/premium-courses?utm_source=youtube&utm_medium=video&utm_campaign=default 💻 Let me be your mentor and become an industry-ready Android developer in 10 weeks: https://pl-coding.com/drop-table-mentoring?utm_source=youtube&utm_medium=video&utm_campaign=default 🎁 Get my FREE 4.5h course "The Best Practice Guide to Android Architecture": https://pl-coding.com/best-practice-guide?utm_source=youtube&utm_medium=video&utm_campaign=crypto_tracker Read our weekly Android blog: https://pl-coding.com/blog Regular programming advice on my Instagram page: https://www.instagram.com/_philipplackner_/ Join my Discord server: https://discord.gg/cwQbmUstEu Get the source code for this video on GitHub: https://github.com/philipplackner/ImageCompression
2024. 10. 20.