์ ์๋ง ๊ธฐ๋ค๋ ค ์ฃผ์ธ์.
CodeBucks
2024. 7. 31.
Context API tutorial for Beginners In this video, we'll dive deep into how to simplify state management in your React applications using Context API. Whether you're a beginner or looking to enhance your React skills, this tutorial will cover everything you need to know, from basic implementation to advanced use cases. Don't forget to like, subscribe, and hit the bell icon for more React tips and tutorials!๐คฉ ----------------------------------------------- Need Web Development or AI Solutions Services? ๐ Let's bring your ideas to life! Contact Me From Here: https://tally.so/r/wdlj0N ----------------------------------------------- Personal Blog๐: https://devdreaming.com Here's what you'll learn in this tutorial: ๐ How to solve props drilling problem ๐ What is Context API? ๐ How to implement Context API ๐ How to overcome re-rendering issue of Context API by using React memo Like, Sub๐ฅ & Share! โฅ Follow me on ๐: Twitter๐ค : https://twitter.com/code_bucks LinkedIn ๐: https://www.linkedin.com/in/codebucks/ Instagram ๐ซ: https://www.instagram.com/code.bucks Email ๐ง: codebucks27@gmail.com Learn More About, โญ https://youtu.be/T5t46vuW8fo โญ https://youtu.be/QNh0MH-G3OM โญ https://youtu.be/1QGLHOaRLwM โญ https://youtu.be/Yw7yWHigGKI โญ https://youtu.be/JPlVb3t6kx8 โญ https://youtu.be/Ra1Fsa9YJCk โญ https://youtu.be/edr2o59Twrs โญ https://youtu.be/jcohAIaSy2M โญ https://www.youtube.com/playlist?list=PLjxZxD6BDkeY5OvIpH_WVjsEVXOW8pBrl โญ https://www.youtube.com/playlist?list=PLjxZxD6BDkeZLbkPNgGxZklwPdhIAuYqV Timestampsโ: Intro @00:00:00 Props Drilling @00:00:25 Context API @00:01:15 Setup & Installation @00:02:02 Create Context with createContext @00:06:15 Consume data with useContext hook @00:10:50 Using Multiple Context Providers @00:18:15 Problem with Context API @00:24:40 Optimizing Context API using React memo @00:31:10 Redux or Context API? @00:34:25 Disclaimer: All videos are for educational purposes only, please use them wisely. #reactjs #contextapi #reactjsforbeginners
๐ Links ๐ Claude 3.5 Sonnet System Prompt - https://docs.anthropic.com/en/release-notes/system-prompts#july-12th-2024 This also includes Claude 3 Opus System Prompt and Claude 3 Haiku System prompt. โค๏ธ If you want to support the channel โค๏ธ Support here: Patreon - https://www.patreon.com/1littlecoder/ Ko-Fi - https://ko-fi.com/1littlecoder ๐งญ Follow me on ๐งญ Twitter - https://twitter.com/1littlecoder Linkedin - https://www.linkedin.com/in/amrrs/
2024. 8. 26.
Ready to learn CSS faster than you thought possible? In this video I break down the core CSS features in one minute flat. ================ Time Codes โฐ 00:00 Intro 00:13 How to Create a CSS File 00:21 How to Write CSS 00:37 CSS Example 00:49 Selector Cascade ================
2024. 3. 15.
๋ฑ๋ก ๋งํฌ : https://event-us.kr/awskrug/event/92849 AWS ๊ฐ์์ค ์ด๋ฒคํธ๋ ์์ผ๋ ๊ผญ ์ฐธ๊ฐํด๋ณด์ธ์~ *AWS ๊ฐ์์ค ์คํ ์ฑํ ๋ฐฉ : https://open.kakao.com/o/g7pIU9wf *์๋ Community Day ์ ๊ฐ์ : https://www.youtube.com/watch?v=yLuKmlWrI2E *AWS ๊ฐ์์ค ์นดํ : https://cafe.naver.com/awsclassroom/240 00:00 ์ธํธ๋ก 00:34 AWS Community Day 2024 ์๊ฐ 01:44 ๊ฐ์ฐ ๋ด์ฉ ๋ฐ ํธ๋ 03:30 ํธ์ฆ์จ ๋ฉ ๋ด์ฉ 04:15 AWS SWAG(๊ตฟ์ฆ) 05:17 ๊ฐ ํธ๋ ๋ณ ์ฅ์ 06:19 AWS ๊ฐ์์ค ์ด๋ฒคํธ ๋ฃฐ๋ 07:22 ์ฃผ์ํ ์ /ํ๊ณผ ๋ ธํ์ฐ 12:30 ๋ง๋ฌด๋ฆฌ
2024. 10. 15.
#sqlite #database #saas ๐ If you want to leanr to write better and cleaner React code, check out my new SOLID React book: https://solidreact.dev Try it out your self (Demo site might be taken down any time!) https://nextjs-sqlite.fly.dev/ ๐ป Checkout the Repo for the full source-code: https://github.com/ipenywis/distributed-sqlite-for-web Our Newsletter is live! Join thousands of other developers to stay updated: https://islemmaboud.com/join-newsletter ๐ฆ Follow me on Twitter: https://twitter.com/ipenywis ๐ป Github Profile: https://github.com/ipenywis Made with ๐ by Coderone
2024. 10. 13.
๋๋ฐ์ด์ค๋ผ๋ ๊ธฐ์ ์ ์์๋์? ์ง๋์น๊ฒ ์์ฃผ ํธ์ถ๋๋ ํจ์๋ฅผ ๋ฑ ์ก์์ฃผ๋ ์์ฃผ ์ ์ฉํ ๊ธฐ์ ์ ๋๋ค. ํ๋ก ๊ฐ๋ฐ์๋ผ๋ฉด ๊ผญ ์์์ผ ํ๋ ๋๋ฐ์ด์ค, ๋ฆฌ์กํธ์ ์ปค์คํ ํ ์ ์ฌ์ฉํด์ ๊ตฌํํด๋ด ์๋ค! ..................................................... ๐์ฝ๋ ์๋ํฐ Visual Studio Code ..................................................... โ๏ธ ํ๊ฒฝ React + Vite ..................................................... โฑํ์๋ผ์ธ 00:00 ์๋ฒ ๋น์ฉ ํธ์ด๋ฒ 01:07 Debounce๋? 02:52 ์์ฑ๋ณธ ๋จผ์ ๋ณด๊ธฐ 03:36 UI ์์ ์ ๋น ๋ฅด๊ฒ 04:59 Debounce ์์ด ๊ตฌํํ๊ธฐ 09:52 Debounce ๊ตฌํํ๊ธฐ! 15:31 useDebounce ์ปค์คํ ํ ๋ง๋ค๊ธฐ 19:20 ๋ง๋ฌด๋ฆฌ
2024. 7. 10.
๐ง๐ปโ๐ป ์๋ฒ ๋๋ ์ ์ 2๋ช ์ด์ผ๊ธฐ ๐ ๋งํฌ๋ชจ์ : https://solo.to/dongjun_yang ๐ฅ ์ด๋ ฅ์ํ๋งค - ํ ํ๋ฆฟ/ํฉ๊ฒฉ์ด๋ ฅ์/๊ธฐ์ ์ถ์ฒ ๐ฆ ์ ๋ฐ๋ฏธ๊ฐ์ - ์ค์ ํ๋ก์ ํธ ์ค๊ณ ๐ ์ธํ๋ฐ๊ฐ์ - AWS์๋ฒ๋ฆฌ์ค ๐ ์ธํ๋ฐ๊ฐ์ - AWS ElasticSearch ๐ ์ธํ๋ฐ๊ฐ์ - Express + AWS EC2 RDS ๐ ์ธํ๋ฐ๊ฐ์ - ์ด๋ ฅ์ ํฌํธํด๋ฆฌ์ค ๐ ์ธํ๋ฐ๊ฐ์ - ํ๋ก ํธ์๋ ๋ก๋๋งต(์ ์์ฑ ์ฆ์ ) ๐ ์ธํ๋ฐ๊ฐ์ - ๋ฐฑ์๋ ๋ก๋๋งต(์ ์์ฑ ์ฆ์ ) ๐ง ์ด๋ ฅ์, ํฌํธํด๋ฆฌ์ค ์๋ด ๐ ์ ์์ฑ (ํ๋ก ํธ์๋ ๋ก๋๋งต) ๐ ์ ์์ฑ (๋ฐฑ์๋ ๋ก๋๋งต) ๐ ๋์ค์ฝ๋ ์ปค๋ฎค๋ํฐ - ๊ตฌ๋ ํ์๊ณ ๋์ค์ฝ๋์ ์ง๋ฌธํด๋ณด์ธ์!
2024. 10. 23.