React Compound Components
23:49
5 жыл бұрын
Пікірлер
@surfingnomad
@surfingnomad 19 күн бұрын
Comeback in 2025!
@surfingnomad
@surfingnomad 19 күн бұрын
Nobody , explain like you , the best clone ever, this one video is enough . Hey man , Is there a chance you can create something like this ,Only one . Spend most of the time watching and building , but they just speak anything ,the core explanation is doomed. Tech Stack:typescript,react,nextjs,firebase,zustand. Karl Hadwen comeback in 2025!
@IheanachoJoy
@IheanachoJoy Ай бұрын
I can't find the gitbub link
@calvincrane
@calvincrane Ай бұрын
I am finding that github build is adding the repo name to all links in static pages. I took the default YAML script. Can't quite see even with your helpful video what I am missing. The build works as normal with the default Github pages url. So why is the build adding this path. I feel that it's how pages works.
@SebastianRamirezH
@SebastianRamirezH 2 ай бұрын
how to specify a different template? I saw in GH that I can create more templates, but then, how to select the one I want?
@MarcusLeo89
@MarcusLeo89 3 ай бұрын
Great video m8 👍🏼
@ayindeayomide7188
@ayindeayomide7188 3 ай бұрын
I have issues with the firebase anyone knows what to recommend?
@Miikiga
@Miikiga 3 ай бұрын
this is very nice, simple and avoids confusion, tysm!
@AbleslayerCollectives
@AbleslayerCollectives 4 ай бұрын
where’s the github repo
@werakidslojaonline3488
@werakidslojaonline3488 4 ай бұрын
on mine one shows text on web it shows object
@LenerAntonioGonzalezSandoval
@LenerAntonioGonzalezSandoval 6 ай бұрын
did you create this app in RN?
@CognitiveSurge
@CognitiveSurge 6 ай бұрын
Yep!
@LenerAntonioGonzalezSandoval
@LenerAntonioGonzalezSandoval 6 ай бұрын
@@CognitiveSurge amazing it is like native UI
@ErickEduardoOrellanaUmaña
@ErickEduardoOrellanaUmaña 7 ай бұрын
Thanks a lot for this video, I know that is 2024 but I could learn deeper this topic.
@AfonsoFilipeJr
@AfonsoFilipeJr 7 ай бұрын
this doesnt work with the new github changes mate. thanks
@shaydennaidoo4036
@shaydennaidoo4036 8 ай бұрын
truly the best tutorial helping me with my web dev module at uni thanks mahn
@MichaelMilewski-mable
@MichaelMilewski-mable 8 ай бұрын
wow you don't even know how to do lists `-` and `[ ]` - no markdown for you!
@djuhl002
@djuhl002 8 ай бұрын
Doesn't ls -a (path) show hidden files?
@po-hsuanhuang5200
@po-hsuanhuang5200 9 ай бұрын
It's soothing to listen to you. Do not change a damn thing!
@mute5116
@mute5116 9 ай бұрын
I liked the port selection bro !
@AlibekSarsenbek-h1k
@AlibekSarsenbek-h1k 9 ай бұрын
please ask me question
@AlibekSarsenbek-h1k
@AlibekSarsenbek-h1k 9 ай бұрын
50:51 image is not visible , why
@Tsukaiyo
@Tsukaiyo 9 ай бұрын
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 9 ай бұрын
For self reference : firebase production setting : 40:48
@DarrylHebbes
@DarrylHebbes 10 ай бұрын
Compound Components basically start at 9:10 mark
@devastrapistdontsueme
@devastrapistdontsueme 10 ай бұрын
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?
@pratichomestore
@pratichomestore 10 ай бұрын
Amazing here man... from Brazil onthe future 2024 hehehehehehhe
@kevin_neugebauer
@kevin_neugebauer 10 ай бұрын
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 11 ай бұрын
Bro i didn't get images and video content. were to get it. Can you give the link
@demetriuscyprian8368
@demetriuscyprian8368 Жыл бұрын
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 Жыл бұрын
I am following these steps but getting error 'ERR_REQUIRE_ESM'
@kallaxgerton7548
@kallaxgerton7548 Жыл бұрын
i have problem seed.jsx:12 Uncaught TypeError: firebase.firestore is not a function
@kallaxgerton7548
@kallaxgerton7548 Жыл бұрын
Solved the error import Firebase from "firebase/compat/app"; import "firebase/compat/firestore"; import { seedDatabase } from "../seed" change to /compat
@TheSachinAlam
@TheSachinAlam Жыл бұрын
Is everything working correctly? should i follow this tutorial??
@kallaxgerton7548
@kallaxgerton7548 Жыл бұрын
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 Жыл бұрын
Solved the error import Firebase from "firebase/compat/app"; import "firebase/compat/firestore"; import { seedDatabase } from "../seed" change to /compat
@hafiz2047
@hafiz2047 Жыл бұрын
U should make clone tutorial using aws technologies
@maurolimaok
@maurolimaok Жыл бұрын
I'm just starting Odin Project, but thanks IN ADVANCE, for the channel. Lots of nice things to learn.
@CodyHoskin
@CodyHoskin Жыл бұрын
I tried it and I keep getting [object Blob] after sending the message?
@lesliefreeman9070
@lesliefreeman9070 Жыл бұрын
P r o m o S M
@mohdhammad4786
@mohdhammad4786 Жыл бұрын
C++ VS Objective-C which one is better and bigger and more complete programming language?
@NGC_Storm
@NGC_Storm Жыл бұрын
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 Жыл бұрын
Thank you
@anasabounouar4063
@anasabounouar4063 Жыл бұрын
Cheers mate !
@CognitiveSurge
@CognitiveSurge Жыл бұрын
Np!
@abhishekpotfode1614
@abhishekpotfode1614 Жыл бұрын
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 Жыл бұрын
FirebaseError: Firebase: Error (auth/invalid-api-key)
@efficiencylovers
@efficiencylovers Жыл бұрын
@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 Жыл бұрын
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_dev
@hugo_dev Жыл бұрын
hey, what is your vscode theme that you are using? thank you
@soueinivle948
@soueinivle948 Жыл бұрын
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