React Owner Components (and why you've never heard about them)
Cosden Solutions
2024. 8. 23.
๐ Project React โ https://cosden.solutions/project-react ๐ฅ Import React (Newsletter) โ https://cosden.solutions/newsletter?s=ytd-uqsr Article โ https://reacttraining.com/blog/react-owner-components Join The Discord! โ https://discord.cosden.solutions VSCode Theme | Font โ Material Theme Darker | Menlo, Monaco "monospace" In this video we'll be reading an article on owner components in React, which is a term that hasn't been used in a long time. But now with the introduction of server components, the term "owner" components is more important than ever. You'll learn about the difference between "owner", "parent", and "child" components are.
Recommanded Videos
PROJECTS! ๐ฏ
The best way to show your capability is by doing it. Build, create, and showcase your workโnothing speaks louder than real results.
2024. 10. 24.
Revving up the good old Samaritan, Spring Boot Admin by Jatin Makhija @ Spring I/O 2024
Spring I/O 2024 - 30-31 May, Barcelona Slides: https://2024.springio.net/slides/revving-up-the-good-old-samaritan-spring-boot-admin-springio24.pdf Delve into the potential of Spring Boot Admin and explore how ingeniously it can empower engineers to glean insights from their applications. Through Spring Boot Admin, weโve not only pushed boundaries but also realized numerous success stories. In this discussion, I aim to dive into specific areas with live examples, shedding light on achievements, and insights gained & empowering the audience to experiment & hustle. - Application benchmarking with timeouts, TTLs, cache limits - Testing feature flags in a multi-channel, multi-tenant setup - Adjusting log levels on the fly, and debugging incidents has never been easy with the custom setup - Health checks and monitoring: Of course! - API-based access & controlling automation suites - Did I forget heap analysis & thread dumps, eh?
2024. 6. 27.
๋ฐ์ดํฐ ๊ณต๋ถ ์ด๋ป๊ฒ ์์ํ ์ง ๋ชจ๋ฅด๊ฒ ๋ค๋ฉด | ์ ๋ง๊ฐ | ๊นํ์ง | ์บ๊ธ | ์ด๋ฒคํธ | ๋๋ค๋ฆฐ | ๋ฒ๊ฐ์ฅํฐ | IT | ํ๋ก๊ทธ๋๋ฐ | ๋ฐ์ดํฐ | ๋จธ์ ๋ฌ๋ ์์ง๋์ด | ์ฑ์ฉ | ์ฑ
์ ๋ฆฌ๊ฐ ๋ง๋๋ฌ ๊ฐ๋๋ค! ์ง๋์ฃผ์ ์ด์ด ํ์ง๋๊ณผ ํจ๊ป ๋ฐ์ดํฐ์ ์บ๊ธ ์ด์ผ๊ธฐ์ ๋ํ ์ด์ผ๊ธฐ๋ฅผ ๋ ๊น๊ฒ ๋๋์ด๋ณด์๋๋ฐ์! ํฅ๋ฏธ์ง์งํ ์บ๊ธ์ ์ธ๊ณ๋ ๋ฌผ๋ก , ํ์ง๋์ ๊ฒฝํ์ ๋ น์ฌ๋ธ ์ฑ [์บ๊ธ ๋ฉ๋ฌ๋ฆฌ์คํธ๊ฐ ์๋ ค์ฃผ๋ ์บ๊ธ ๋ ธํ์ฐ] ๋์ ์ด๋ฒคํธ๊น์ง๐ฎ ๋ฐ์ดํฐ ๋ถ์ผ ์ทจ์ ์ ์ค๋นํ๋ ๋ถ, ๊ทธ๋ฆฌ๊ณ ์ด๋ฏธ ๋ฐ์ดํฐ ๋ถ์ผ์ ์ข ์ฌํ๊ณ ์ถ์ผ์ ๋ถ, ๋ฐ์ดํฐ ๋ถ์ผ๋ก ์ ํฅํ๊ณ ์ถ์ผ์ ๋ถ์ด๋ผ๋ฉด ๋๊น์ง ์์ฒญํ๊ธฐ!! ๐๐ป ์ ์ตํ ์ด์ผ๊ธฐ ๊ณต์ ํด์ฃผ์ ํ์ง๋๊ณผ ์ ์ตํ ์์์ ๋ง๋ค ์ ์๋๋ก ์ง์ํด์ฃผ์ ๊ธธ๋ฒ์ถํ์ฌ์ ๊ฐ์ฌ๋๋ฆฝ๋๋ค :) ์ค๋ ์์๋ ์ฌ๋ฐ๊ฒ ๋ณด์ จ๋ค๋ฉด ์ข๋๊ตฌ์๐ ๐ ๊นํ์ง๋ ๋์ ๐์บ๊ธ ๋ฉ๋ฌ๋ฆฌ์คํธ๊ฐ ์๋ ค์ฃผ๋ ์บ๊ธ ๋ ธํ์ฐ๐ ๊ตฌ๋งค์ฒ - yes24: http://gilbut.co/c/23045057nF - ๊ต๋ณด๋ฌธ๊ณ : http://gilbut.co/c/23048993nF - ์๋ผ๋: http://gilbut.co/c/23049328pn ๐ ๊ตฌ๋งค ์ด๋ฒคํธ ์ฐธ์ฌ๐ https://forms.gle/BzUKQzngzg9oh6s87 โ ๊ธฐ๊ฐ: ~12์ 10์ผ(์ผ)๊น์ง โ ์ฐธ์ฌ ๋ฐฉ๋ฒ: ๋์ ๊ตฌ๋งค ํ ์ธ์ฆ & ์จ๋ผ์ธ ์์ ๊ธฐ๋ํ ์์ฑ(์๋ ์ ์ฒญํผ ์ฐธ๊ณ ) โ ํํ: ์คํ๋ฒ ์ค ์๋ฉ๋ฆฌ์นด๋ ธ ๊ธฐํํฐ์ฝ โ ์ํ ๋ฐ์ก: 12์ 11์ผ(์) *๋ณธ ์์์ ๊ธธ๋ฒ์ถํ์ฌ์ ์ ์๋น ์ง์์ ๋ฐ์ ์ ์๋์์ต๋๋ค. #์บ๊ธ #๋ฐ์ดํฐ #๋จธ์ ๋ฌ๋ #์ด๋ฒคํธ
2023. 11. 19.
Live Code: St. Jude Fundraiser!
Letโs join together to help cure childhood cancer! https://codinginpublic.dev/fundraiser/ You could win some amazing prizes from Warp, Wallaby, CloudCannon, Dracula, GitTower, and my Learn Astro course! ๐ 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/chrispennington0
2024. 9. 5.
๊ฐ๋ฐ์ ์ง์ข ์ ์ ์์ด์ง๋๋ค (์ด์ ์ ์์ ํธ๋ ๋ ์ค๋ช )
โ๊ฐ๋ฐ์๋ ์ธ๊ณต์ง๋ฅ์๊ฒ ๋์ฒด๋๋คโ ์ด๋ฌํ ๋ ผ๋์ด ๋ค์ ํ์ ฏ๊ฑฐ๋ฆฌ์ ๋๋ค. ์๋ง์กด ์น ์๋น์ค(AWS) CEO ๋งท ๊ฐ๋จผ(Matt Garman)์ ๋๋ถ๋ถ์ ๊ฐ๋ฐ์๋ค์ด ์ด์ ์ฝ๋ฉ์ ํ ํ์๊ฐ ์์ด์ง ๊ฑฐ๋ผ๊ณ ํฉ๋๋ค. ์์ผ๋ก๋ ๊ฐ๋ฐ์์ ์ฝ๋ฉ ๋ฅ๋ ฅ๋ณด๋ค ํ์ ๋ฅ๋ ฅ์ด ๋ ์ค์ํด์ง ๊ฑฐ๋ผ๊ณ ํฉ๋๋ค. ์ํํธ์จ์ด ๊ฐ๋ฐ์์ ํ๋ก๊ทธ๋๋ฐ โ๊ฐ๋ โ๋ถํฐ ๋ฌ๋ผ์ง ๊ฑฐ๋ผ ์์ธกํ์ต๋๋ค. ์ด๋ฌํ ์ฃผ์ฅ์ ๋งท ๊ฐ๋จผ ๋ง์ด ์๋๋๋ค. ์ฌํด ์ด์๋ ์๋น๋์ CEO ์ ์จ ํฉ์ด ๋น์ซํ ๋งฅ๋ฝ์ผ๋ก ์ํํธ์จ์ด ๊ฐ๋ฐ์ ๊ด๋ จํด์ ์ธ๊ธํ์ต๋๋ค. ์ด๋ฒ ์์์์๋ ์ ๊ฐ๋ฐ์๋ ์ค๋ซ๋์ AI ๋์ฒด๊ฐ ๋ถ๊ฐํ์ง ๊ทธ ์ด์ ๋ฅผ ์ค๋ช ํฉ๋๋ค. ๋ ํธ๋ ๋ํ๊ณ ์ง์์ ์ผ๋ก ๋ฐ์ ํ๋ ๊ฐ๋ฐ์๋ ๋๊ตฌ์ธ๊ฐ, ์ด๋ค ๊ฐ๋ฐ์๊ฐ ์ด์๋จ์ ๊ฒ์ธ๊ฐ, ์ด๋ค ํ๋ก๊ทธ๋๋จธ๊ฐ ์์ฅ์์ ์์๊ฐ ๋์ ๊ฒ์ธ๊ฐ, ์ ๊ฐ ๋ ผํ์์ ์ค๋ช ํฉ๋๋ค. ๊ฐ๋ฐ์์ ์ญํ ์ด ์ด๋ป๊ฒ ๋ณํ ๊ฒ์ธ์ง, ์ด๋ค ๋ฐฉํฅ์ผ๋ก ์งํํ๋์ง ์ค๋ช ํฉ๋๋ค. ํค์๋ ํต์ฌ์ ๊ณ ๊ฐ์ ์๊ตฌ์ ํ์ ์ ์ง์คํ ๋์ ๋๋ค. ๋ฌธ์ ๋ ์ด๋ฌํ ๊ธฐ์ ๊ฑฐํ๊ณผ ํธ๋ค๊ฐ์ ํจํด์ด ๋ณด์ธ๋ค๋ ์ ์ ๋๋ค. ํต์ตํฉ ์๋์ง, ํํ ์ปดํจํ , ์์จ์ฃผํ ๋ฑ ํ์ ฏ๊ฑฐ๋ฆฌ, ๋ ผ๋๊ฑฐ๋ฆฌ๋ก ๊ฑฐํ ์กฐ์ฅํ๋ ํจํด์ ๋๋ค. ์ด๋ฌํ ์ด์๋ฅผ ๊ธฐ์ฌํํด์ ๊ณตํฌ ํ์ดํ๋ ๊ฒ์ด ํฐ ๋ฌธ์ ์ ๋๋ค. ๋ฏธ๋ ๊ฐ๋ฐ์์ ๊ฟ๊ณผ ์ง๋ก์ ์์ด์ ์ข์ด ๋ชปํ ์ํฅ์ ๋ฏธ์น ์ ์์ต๋๋ค. ์ ๋ ์ด๋ฌํ ํ์ ฏ๊ฑฐ๋ฆฌ ์ด์ํ๊ฐ ์ง๊ธ์ง๊ธํฉ๋๋ค. #๊ฐ๋ฐ์ #์ฝ๋ฉ #์ธ๊ณต์ง๋ฅ
2024. 9. 7.
Build an Epic Dark-Mode Blockchain SaaS Site with Astro.js, TailwindCSS, & Framer Motion | Part 1
๐จ๐จ Download Your FREE Video Resources Here: ๐: https://lp.frontendtribe.com/dark-saas-blockchain-site-resource-bundle ๐ฅ Whatโs Inside the Resource Bundle?: - ๐จ Complete Responsive Designs - ๐ Starter Template Files - ๐ท All Images and Icons - ๐ฏ 100% FREE! ๐ Get a FREE 14-day trial of Polypane, the browser used in this video: ๐ https://polypane.app/?ref=frontendtribe In this tutorial, weโre diving deep into building a sleek and fully animated dark-mode SaaS website with a blockchain theme. Using Astro.js, TailwindCSS, and Framer Motion, weโll guide you through every step of creating a professional, high-performance site that looks amazing and functions perfectly. Whether you're new to these technologies or looking to sharpen your skills, this project will push your abilities to the next level. ๐โจ Who is this tutorial for? - Frontend developers eager to learn Astro.js, TailwindCSS, and Framer Motion. - Blockchain enthusiasts wanting to build visually stunning and interactive SaaS websites. - Anyone interested in creating a dark-themed, fully responsive website from scratch. ๐ค Hereโs What Youโll Learn: - Astro.js Mastery: Learn how to leverage Astroโs modern framework for lightning-fast sites and simplified development workflows. - TailwindCSS Styling: Use Tailwindโs utility-first approach to style a professional, dark-mode site with ease and consistency. - Framer Motion Animations: Create eye-catching animations and micro-interactions that elevate your siteโs user experience. - Complete Build and Deployment: Follow along as we develop the homepage, blog, articles, careers page, contact page, and fully functional forms โ all deployed and ready to go. ๐ Timestamps: 00:00 - Introduction 02:38 - Project Setup 11:15 - Site Header 30:24 - Homepage Hero Section 1:16:33 - Homepage Features Cards 1:59:50 - Homepage Features Grid 2:37:02 - Outro ๐ Subscribe for More Cutting-Edge Frontend Tutorials: https://www.youtube.com/@frontend-tribe?sub_confirmation=1 ๐ Visit Our Website: https://frontendtribe.com #blockchain #astrojs #tailwindcss #framermotion #webdevelopment #codingtutorial #darkmode ๐ ๏ธ My Setup: IDE: Cursor IDE - https://www.cursor.com/ Browser: Polypane - https://polypane.app/?ref=frontendtribe ๐ฃ Frontend Tribe is on a mission to transform 10,000 lives through front-end development mastery! ๐ฃ Attribution disclaimer: This site design was heavily inspired by the brilliant Onix design located here: Affiliate links disclaimer: This description contains affiliate links. If you click on a link and make a purchase, I may receive a commission. I only recommend products I genuinely use and believe will help you build better projects. Your support helps keep this channel running, so thank you!
2024. 9. 1.