잠시만 기다려 주세요.
PedroTech
2024. 7. 10.
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. 🚀 Boost Your React App's Performance with React Virtualized! 🚀 In this video, we'll dive into how you can significantly improve the performance of your React applications using React Virtualized. React Virtualized is a powerful library that helps optimize the rendering of large lists and tables, ensuring your app stays fast and responsive. 🔍 What You'll Learn: Introduction to React Virtualized: Understand the core concepts and how it works. Setting Up: Step-by-step guide to integrating React Virtualized into your project. Optimizing Lists and Tables: Learn how to use key components like List, Grid, AutoSizer for efficient rendering. Performance Tips: Best practices to get the most out of React Virtualized. Whether you're dealing with large datasets or looking to make your app more performant, this tutorial has you covered. Don't forget to like, comment, and subscribe for more React tips and tutorials! 📚 Resources: React Virtualized Documentation: https://github.com/bvaughn/react-virtualized 🚀 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: pedro@pedrotech.co 🌟 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 0:00 Intro: React Virtualized Use Case 3:05 Example: Simple React app with large data sets 5:12 Profiling: Measuring performance with React Dev Tools 9:43 Installation: Adding React Virtualized library 13:25 Implementation: Integrating React Virtualized into the project 17:07 React Window: Lightweight alternative to React Virtualized Tags: - ReactJS Tutorial - ReactJS and MySQL - NodeJS Tutorial - API Tutorial .......... ♬ MUSIC ♬ Artist: tubebackr Track: Chill With Me @tubebackr hypeddit.com/tubebackr/chillwithme-1 ............. #reactjs #tutorial
WANT to create a business selling courses and content? Go here: https://fermion.app WANT to learn programming? Go here: https://codedamn.com Follow me on other platforms to stay connected: https://x.com/mehulmpt https://instagram.com/mehulmpt Resources: https://journal.hexmos.com/rest-turns-25/ https://grpc.io/ https://trpc.io/ https://graphql.org/
2024. 10. 21.
🔥 개발자 취업 비밀자료 무료 다운받기 : https://bit.ly/4a10f5N 문과생을 위한 IT 용어 해설 무료 강의 : https://bit.ly/3UdCkdL ChatGPT로 노코드 웹사이트 만들기 : https://bit.ly/3vuiEs7 개발자와 협업을 위한 기초 코딩 용어 : https://bit.ly/3tDdzNI 취업, 이직을 준비하시는 분들을 위한 더 많은 정보는 아래를 참조해주세요. 2024년 내일배움카드 발급, 사용방법 : https://bit.ly/3vCX2tV 부트캠프 선택시 꼭 체크해야 할 5가지 : https://bit.ly/4aFdKZA 부트캠프는 9to9을 선택해야 하는 이유 : https://bit.ly/3vnSfMH 나를 몰입하게 만드는 부트캠프가 중요한 이유 : https://bit.ly/4aGmIWv 현직자가 말하는 AI 역량을 갖춰야 하는 이유 : https://bit.ly/3HcZae9 비전공자의 다양한 이야기들 원격 부트캠프로 금융권 IT 합격했어요! : https://bit.ly/3NMqZOn 영업사원 하다가 개발자로 전향했어요! : https://bit.ly/3S35V8P 더 궁금하신 것들은 댓글로 남겨주세요! 영상이나 블로그를 통해 가장 최신 정보로 알려드리겠습니다. 감사합니다.
2024. 4. 26.
'Django 베이스캠프' 강의 중 공개 강의를 업로드해 드립니다. 강의 링크는 https://inf.run/sBYjY 입니다. 많은 관심 부탁드립니다. 교안은 https://www.books.weniv.co.kr/basecamp-django 에 무료로 공개되어 있습니다.
2024. 10. 10.
#프론트엔드 #개발 여기서 다운 가능합니다 https://chromewebstore.google.com/detail/locatorjs/npbfdllefekhdplbkdigpncggmojpefi?pli=1
2024. 8. 26.
5.5만명이 수강한 제로초 강좌/로드맵 통합 링크! https://www.zerocho.com/lecture https://www.zerocho.com/lecture 의지력이 약해 다른 사람들과 함께 수강하고 싶다면! + 고민상담, 질문도 하고 싶다면 3천명이 모여있는 제로초스쿨에서! https://www.zerocho.com/slack https://www.zerocho.com/slack -- 깃헙 -- https://github.com/zerocho (레포지토리 스타 눌러주세요) -- 후원 및 멤버십 -- https://toon.at/donate/zerocho https://www.youtube.com/channel/UCp-vBtwvBmDiGqjvLjChaJw/join -- 소개 -- Node.js 교과서, Let's Get IT 자바스크립트 프로그래밍, 타입스크립트 교과서 저자 제로초닷컴(ZeroCho.com) 운영자
2024. 8. 10.
Hey everyone, what's up 👋🏻 Today, you are going to build a multi-tenant blogging SaaS application using the best tech on the market. This includes Next.js 15, Kinde Auth, Supabase, Prisma, Stripe, Tailwind CSS, shadcn/ui, Vercel, Conform, and much more. This is a full-stack tutorial, which means we will build everything from start to finish! 🚀 Kinde Auth: https://dub.sh/xeU8r3v 👨🏻💻 GitHub Repository: https://janmarshal.com/courses/create-a-saa-s-using-next-js-15-kinde-auth-supabase-prisma-stripe-and-tailwind-css 🌍 My Website: https://www.janmarshal.com ✅ Follow me on X: https://x.com/janmarshaldev 📧 Business ONLY: jan@alenix.de Features: 🌐 Next.js App Router 🔐 Kinde Authentication with MFA 📧 Passwordless Auth 🔑 OAuth (Google and GitHub) 💰Payments using Stripe 🪝 Implementation of Stripe Webhooks 💿 Supabase Postgres Database 💨 Prisma Orm ✅ Server Validation using Zod and Conform 😱 Unique Subdirectory validation 🗂️ File Upload with Uploadthing 🎨 Styling with Tailwindcss and Shadcn UI 😶🌫️ Deployment to vercel - Beautiful Landing Page - Server side implementation - Performance Optimized - Clean Code Installation Script: npm i @radix-ui/react-dialog @radix-ui/react-dropdown-menu @radix-ui/react-label @radix-ui/react-select @radix-ui/react-separator @radix-ui/react-slot @radix-ui/react-switch class-variance-authority clsx lucide-react tailwind-merge tailwindcss-animate --legacy-peer-deps Resources used: Next.js: https://nextjs.org Kinde: https://dub.sh/xeU8r3v Tailwind.css: https://tailwindcss.com Shadcn/UI: https://ui.shadcn.com Stripe: https://stripe.com Prisma: https://prisma.io Supabase: https://supabase.com/ Uploadthing: https://uploadthing.com/ Conform: https://conform.guide/ Vercel: https://vercel.com/ Tailwind Typo: https://github.com/tailwindlabs/tailwindcss-typography Timestamps: 00:00 Intro 05:40 Installation and Overview 21:00 Authentication 45:00 Create Dashboard 01:30:00 Site Creation (Validation) 01:40:00 Database & Prisma 02:05:00 Continue with Site Creation 02:45:00 Articles Overview 03:00:00 Article Creation 04:45:00 Continue with Articles Overview 05:10:00 Edit Article 05:35:00 Delete Article 05:50:00 Site Settings 06:55:00 Dashboard Index Page 07:15:00 Blog Frontend 08:05:00 Stripe & Pricing Page 10:10:00 Landing Page 10:50:00 Deployment to Vercel 11:15:00 Outro
2024. 8. 18.