Тёмный
Karl Hadwen
Karl Hadwen
Karl Hadwen
Подписаться
⛺ Software Engineering Manager with a decade of experience leading dynamic teams in diverse business environments. My expertise lies in front-end technologies & AWS, having successfully obtained three AWS certifications: Solutions Architect Associate, Developer Associate, and Cloud Practitioner.

Technical skills: TypeScript, JavaScript, React, Next.js, AWS, Node.js, Express, GraphQL, Vite, Contentful, ContentStack, Webpack, Kubernetes, Docker, CSS (Tailwind CSS, Emotion, Styled Components, SASS, BEM), Jest, React Testing Library, Cypress.

🔥 Support the channel by becoming a member: ru-vid.comjoin
✅ Subscribe: bit.ly/CognitiveSurge
🐦 Twitter: @karlhadwen
👊 Join the Discord Server: discord.gg/3jTSgft
React Compound Components
23:49
4 года назад
Комментарии
@AbleslayerCollectives
@AbleslayerCollectives 16 дней назад
where’s the github repo
@werakidslojaonline3488
@werakidslojaonline3488 16 дней назад
on mine one shows text on web it shows object
@LenerAntonioGonzalezSandoval
@LenerAntonioGonzalezSandoval 2 месяца назад
did you create this app in RN?
@CognitiveSurge
@CognitiveSurge 2 месяца назад
Yep!
@LenerAntonioGonzalezSandoval
@LenerAntonioGonzalezSandoval 2 месяца назад
@@CognitiveSurge amazing it is like native UI
@user-zz3gw4id5j
@user-zz3gw4id5j 3 месяца назад
Thanks a lot for this video, I know that is 2024 but I could learn deeper this topic.
@AfonsoFilipeJr
@AfonsoFilipeJr 3 месяца назад
this doesnt work with the new github changes mate. thanks
@shaydennaidoo4036
@shaydennaidoo4036 3 месяца назад
truly the best tutorial helping me with my web dev module at uni thanks mahn
@MichaelMilewski-mable
@MichaelMilewski-mable 4 месяца назад
wow you don't even know how to do lists `-` and `[ ]` - no markdown for you!
@djuhl002
@djuhl002 4 месяца назад
Doesn't ls -a (path) show hidden files?
@po-hsuanhuang5200
@po-hsuanhuang5200 4 месяца назад
It's soothing to listen to you. Do not change a damn thing!
@mute5116
@mute5116 5 месяцев назад
I liked the port selection bro !
@user-vq3fj1vp2m
@user-vq3fj1vp2m 5 месяцев назад
please ask me question
@user-vq3fj1vp2m
@user-vq3fj1vp2m 5 месяцев назад
50:51 image is not visible , why
@Tsukaiyo
@Tsukaiyo 5 месяцев назад
I can't get yarn to work. I tried the standard npm start and following the instructions on yarn's website, but no luck. Guess I'll find a tutorial that doesn't use yarn
@RohitRana-n1f
@RohitRana-n1f 5 месяцев назад
For self reference : firebase production setting : 40:48
@DarrylHebbes
@DarrylHebbes 6 месяцев назад
Compound Components basically start at 9:10 mark
@devastrapistdontsueme
@devastrapistdontsueme 6 месяцев назад
for some reason when i text myself from different tab, i can see just [Object Blob] and nothing more. But my own text is normal. What could be the problem?
@alwaysthebestforu
@alwaysthebestforu 6 месяцев назад
Amazing here man... from Brazil onthe future 2024 hehehehehehhe
@kevin_neugebauer
@kevin_neugebauer 6 месяцев назад
perfect example for a very bad tutorial. wasted 12 minutes and didn't explain once how it works and why you need it. haha - hilarious! my guess: he also doesn't know how it works.
@MuthuKumar-tn4ti
@MuthuKumar-tn4ti 7 месяцев назад
Bro i didn't get images and video content. were to get it. Can you give the link
@demetriuscyprian8368
@demetriuscyprian8368 8 месяцев назад
I'm a good follower of your tutorials. May you make a video tutorial of mern, Kubernertes, docker using ci&cd and deploy to aws? Thanks
@ritupatel-ni6jt
@ritupatel-ni6jt 8 месяцев назад
I am following these steps but getting error 'ERR_REQUIRE_ESM'
@kallaxgerton7548
@kallaxgerton7548 8 месяцев назад
i have problem seed.jsx:12 Uncaught TypeError: firebase.firestore is not a function
@kallaxgerton7548
@kallaxgerton7548 8 месяцев назад
Solved the error import Firebase from "firebase/compat/app"; import "firebase/compat/firestore"; import { seedDatabase } from "../seed" change to /compat
@TheSachinAlam
@TheSachinAlam 7 месяцев назад
Is everything working correctly? should i follow this tutorial??
@kallaxgerton7548
@kallaxgerton7548 8 месяцев назад
import Firebase from "firebase/app"; The requested module '/node_modules/.vite/deps/firebase_app.js?v=7fcb6aa9' does not provide an export named 'default' i try npm install latest@firebase but does not work please help
@kallaxgerton7548
@kallaxgerton7548 8 месяцев назад
Solved the error import Firebase from "firebase/compat/app"; import "firebase/compat/firestore"; import { seedDatabase } from "../seed" change to /compat
@hafiz2047
@hafiz2047 8 месяцев назад
U should make clone tutorial using aws technologies
@maurolimaok
@maurolimaok 8 месяцев назад
I'm just starting Odin Project, but thanks IN ADVANCE, for the channel. Lots of nice things to learn.
@CodyHoskin
@CodyHoskin 8 месяцев назад
I tried it and I keep getting [object Blob] after sending the message?
@lesliefreeman9070
@lesliefreeman9070 8 месяцев назад
P r o m o S M
@mohdhammad4786
@mohdhammad4786 8 месяцев назад
C++ VS Objective-C which one is better and bigger and more complete programming language?
@GraphicsByStorm
@GraphicsByStorm 9 месяцев назад
I 100% love and respect the effort and value given here. I would suggest trying Typescript, TailwindCSS, CLSX instead of the styled-components setup though. It allows for more range of functionality with the same concept. For example this would be the Inner ```js import React from "react"; import clsx from "clsx"; interface InnerProps { children: React.ReactNode; direction: string; } export const Inner: React.FC<InnerProps> = ({ children, direction }) => { const containerClasses = clsx( 'flex', 'items-center', 'justify-between', 'max-w-[1100px]', 'mx-auto', 'w-full', { 'flex-row': direction === 'row', 'flex-col': direction === 'column' } ); return <div className={containerClasses}>{children}</div>; }; ``` You would create it as Inner.tsx and import the same way you do into the Jumbotron.
@oshadhaedirisinghe1455
@oshadhaedirisinghe1455 9 месяцев назад
Thank you
@anasabounouar4063
@anasabounouar4063 9 месяцев назад
Cheers mate !
@CognitiveSurge
@CognitiveSurge 9 месяцев назад
Np!
@abhishekpotfode1614
@abhishekpotfode1614 9 месяцев назад
Before starting the project, I wants to know that as router syntax is now changed in react, is it updated in the video??
@kacperkepinski4990
@kacperkepinski4990 9 месяцев назад
FirebaseError: Firebase: Error (auth/invalid-api-key)
@efficiencylovers
@efficiencylovers 10 месяцев назад
@Karl Hadwen Hi. Could you please create a video where you explain how to be able to see the zsh in Visual Studio Code running on Windows? Thanks.
@ashokmali1850
@ashokmali1850 10 месяцев назад
Hello Everyone , those who are stucked at IsUserRedirect routing issue, I would suggest you to downgrade your React Router Dom to version 5. As I have wasted nearly 1 whole day to get that worked but unfortunately I couldn't resolve the issue. So, its better to not break the flow and finish this lovely project. @CognitiveSurge Appreciated your way of structuring the things and the flow of the tutorial :P
@hugo.262
@hugo.262 10 месяцев назад
hey, what is your vscode theme that you are using? thank you
@soueinivle948
@soueinivle948 11 месяцев назад
This helped me unlike the other tutorials, thankyouu
@maurolimaok
@maurolimaok Год назад
Nice!
@deekshantsharma7818
@deekshantsharma7818 Год назад
where is github file setting.json
@naked_avocado
@naked_avocado Год назад
Merci 🥐
@StephenJSizer
@StephenJSizer Год назад
hes back!!! :)
@CognitiveSurge
@CognitiveSurge Год назад
Haha
@kdot78
@kdot78 Год назад
after 8 months
@CognitiveSurge
@CognitiveSurge Год назад
More to come maybe
@whitenoiserelaxationandpro2632
Is this a mobile app or a web app? Are you able to convert it into a mobile app if it is a web app? Apologize in advance
@CognitiveSurge
@CognitiveSurge Год назад
Web app
@navid.elyasi
@navid.elyasi Год назад
🚀🚀🚀 it was an amazing tutorial video, 12 hours walking through details and explanation. Thank you so much 🙏🙏🙏
@zaiydmala6970
@zaiydmala6970 Год назад
Imo your channel is pretty underrated. I just completed the netflix tutorial and man was that heavy, it took me more than a week and 20sittings to get through it but it was a great video. I learned a lot. Thank you for for doing this! I hope you have fun making these videos and you get enough support from the community. Good luck!
@CognitiveSurge
@CognitiveSurge Год назад
I appreciate that! I hope to be back in the future :)
@aiastansherniiazov8462
@aiastansherniiazov8462 Год назад
Thanks so much dude! This was huge and I've learned so much from you! Keep it going 💯
@CognitiveSurge
@CognitiveSurge Год назад
Thanks!
@farahnadhirah6149
@farahnadhirah6149 Год назад
what about admin section? for manage movie details and upload movie
@farahnadhirah6149
@farahnadhirah6149 Год назад
does it have movie recommendation?
@CognitiveSurge
@CognitiveSurge Год назад
No but you should be able to do it
@stavvers
@stavvers Год назад
thanks for this, is there a way to set this up for a specific branch only? e.g i only want this template to run on PRs to the QA branch for example. seems to only work on the default branch