μ μλ§ κΈ°λ€λ € μ£ΌμΈμ.
Coding in Public
2024. 10. 22.
CSS Clamp π€ Tailwind CSS π Key Links π - https://fluid.tw/ --------------------------------------- π Connect With Me π - Website: https://codinginpublic.dev - Blog: https://chrispennington.blog - Twitter: https://twitter.com/cpenned - Patreon: https://www.patreon.com/coding_in_public - Buy Me a Coffee: https://www.buymeacoffee.com/chrispennington
μ°κ΄λ μ± κ³Ό κ°μλ λ€μμ λ§ν¬μμ νμΈνμ€ μ μμ΅λλ€. μ± : https://bit.ly/3iq4L5W κ°μ: https://url.kr/k8s-adv
2023. 8. 15.
Learn how to push all the caching strategies explored so far to the max and provide a UI with instant search and navigation π€© Play with this demo π https://remix-movies.pages.dev/ Checkout the code π https://github.com/remix-run/example-movies 00:00 - Search logic overview 02:40 - Search demonstration 05:12 - Optimizing search with IndexedDB 09:35 - Optimized search demonstration 13:11 - Deploying the application 15:38 - Final thoughts Learn more at https://remix.run
2024. 1. 24.
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.
SeSAC(μΉ) νμ€ν μ€λ¬΄ νλ‘μ νΈ κ³Όμ - Node & React κ³Όλͺ© μ€ GCP μλ² λ¬΄λ£ μ¬μ©νκΈ°μ λν κ°μμ λλ€. # GCP
2022. 10. 21.
#ReactJS #NextJS #TailwindCSS #FramerMotion Learn how to build and deploy a professional portfolio website using Next.js, Tailwind CSS, and Framer Motion in this in-depth, step-by-step tutorial! Whether you're a beginner or an experienced web developer, this project is perfect for showcasing your projects, skills, and experience in a sleek, responsive, and visually stunning way. We'll guide you through setting up the Next.js framework, using Tailwind CSS for responsive design, and adding smooth animations with Framer Motion. Finally, weβll show you how to deploy your website live with ease. Check the Website online: https://personal-portfolio-developer.vercel.app/ π Get Source Code: https://ko-fi.com/s/f38f991731 β Download Assets: https://drive.google.com/drive/folders/1OYvB749EgbkU8_HtCwveat5uZq6WGnON?usp=sharing Timestamps: 00:00:00 - Intro & Setup 00:32:38 - Hero Section 01:34:30 - About Section 02:19:54 - Experience & Education Section 03:18:47 - Skills Section 03:42:57 - Reviews Section 04:41:44 - Projects Section 05:37:34 - Pricing Plans and Contact Sections 06:24:53 - Q&A Section 07:02:05 - Navbar 07:49:29 - Dark Mode, Custom Loader, Deploying Website π―Learn How To Build a React Live Weather App: https://youtu.be/-mC7jS0EplM Watch This Next: https://youtu.be/Yu3xZdbtidg π Thanks for watching! Make sure to like & Subscribe for more! π #NextJS #TailwindCSS #FramerMotion #WebDevelopment #PortfolioWebsite #JavaScript #ReactJS #FrontendDevelopment #ResponsiveDesign #WebDesign #CodingTutorial #Developer #Programmer #BuildWithNextJS #LearnTailwindCSS #AnimationWithFramer
2024. 10. 20.
In this video you'll learn about 5 common mistakes about coroutines that I haven't shared before like that. π» 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 β 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 Get my FREE PDF about 20 things you should never do in Jetpack Compose: https://pl-coding.com/jetpack-compose-mistakes?utm_source=youtube&utm_medium=video&utm_campaign=default Regular programming advice on my Instagram page: https://www.instagram.com/_philipplackner_/ Join my Discord server: https://discord.gg/cwQbmUstEu 00:00 - Introduction 00:29 - Secret 1 04:01 - Secret 2 08:27 - Secret 3 14:11 - Secret 4 19:15 - Secret 5
2024. 8. 25.