React CARD components 🃏

Поділитися
Вставка
  • Опубліковано 25 січ 2025

КОМЕНТАРІ • 62

  • @BroCodez
    @BroCodez  Рік тому +33

    import profilePic from './assets/profile.jpg'
    function Card(){
    return(


    Bro Code
    I make UA-cam videos and play video games

    );
    }
    export default Card
    import Card from './Card.jsx'
    function App() {
    return(



    );
    }
    export default App
    .card{
    border: 1px solid hsl(0, 0%, 80%);
    border-radius: 10px;
    box-shadow: 5px 5px 5px hsla(0, 0%, 0%, 0.1);
    padding: 20px;
    margin: 10px;
    text-align: center;
    max-width: 400px;
    display: inline-block;
    display: flex;
    justify-content: center;
    align-items: center;
    }
    .card .card-image{
    max-width: 60%;
    height: auto;
    border-radius: 50%;
    margin-bottom: 10px;
    margin-right: 20px;
    }
    .card .card-title{
    font-family: Arial, sans-serif;
    margin: 0;
    color: hsl(0, 0%, 20%);
    }
    .card .card-text{
    font-family: Arial, sans-serif;
    color: hsl(0, 0%, 30%);
    }

    • @thecoder1694
      @thecoder1694 Рік тому

      i need your video about props today please release it today bro

  • @Boaz-zr2hv
    @Boaz-zr2hv 8 місяців тому +11

    I like the way you break things down taking nothing for granted regarding the listeners knowledge. Excellent tutorial!

  • @jaybeegreen-lv3iw
    @jaybeegreen-lv3iw Рік тому +10

    "Having watched his insightful videos on JavaScript and Java, I've come to admire him not just as an amazing programming instructor but also as a true embodiment of the bro code in the coding community. Greetings from the Philippines! ❤

  • @LegendXRonin
    @LegendXRonin Рік тому +7

    THANNNNNKKKKKKK YOUUUUUUUU!!! FINALLY someone who made this simple and straight to the point. Idk why some people have to over complicate things 🤦🏾‍♂️ great video! Please keep up the great content!

  • @timothyalex3091
    @timothyalex3091 2 місяці тому

    I have been coding for 1 month 2 weeks now. Your videos on HTML, CSS and JS were so helpful during my learning process: so much that I'm now here learning about React trying to take my coding to the next level. Thank you so much.

  • @skubi_chrupki
    @skubi_chrupki Рік тому +2

    a lot of thanks bro, finally someone who makes react simple enough to understand lol

  • @hunin27
    @hunin27 Рік тому +2

    I just finished watching the video, and i must say it was of great help!
    Keep up the good work bro ❤

  • @ekkehard4328
    @ekkehard4328 Рік тому +1

    Excellent video as always, thank you!

  • @PrateekBh-ut6wx
    @PrateekBh-ut6wx Місяць тому

    Wondering cards stuff ,when told lego components and you brought this understanding not too late.

  • @Soulcode-k
    @Soulcode-k Місяць тому

    I love this it's literally so much fun to see this.
    Thank you bro❤❤❤❤

  • @balusubramaniam2335
    @balusubramaniam2335 10 місяців тому

    nice video very usefull🙂

  • @timothyalex3091
    @timothyalex3091 2 місяці тому

    I have always had this feeling you sound like @TheRadBrad but the moment you wrote on that card " I play video games" I am now almost certainly sure you are the same guy. Are you? I love that guy! He is the reason I feel in love with gaming back in 2015 and here we are again in 2024 you making me take my first steps in Coding! This was destiny! Ironically, Rad's walkthrough on Destiny is what made me complete a seemingly impossible game. Thank you.🙏💪

  • @FreezeXN00B
    @FreezeXN00B Рік тому +2

    Wait it actually makes sense how props work now. You made one card component and then you can just plug in props to get different cards.

  • @elles3927
    @elles3927 Рік тому

    Another great course. Thank you! :)

  • @Cosmos_the_stardust
    @Cosmos_the_stardust Рік тому

    Thanks Man, Your videos gives me confidence to code, I can code now happily...

  • @saikiranavusula89
    @saikiranavusula89 5 місяців тому

    Why complete all the topics in React? Your Explanation was crystal clear.🎉

  • @TheBacker007
    @TheBacker007 5 місяців тому

    Awesome explanation !!!!!

  • @amapro163
    @amapro163 Рік тому

    omg im so glad youre doing react tutorials. stay strong bro code

  • @EarnThletics
    @EarnThletics Рік тому +17

    bro is the reason i still have an A in IT lessons🤣

  • @d1ce966
    @d1ce966 Рік тому

    Keep going bro cant wait for full course

  • @orestas7054
    @orestas7054 Рік тому

    Love the react course , keep up the great work Bro

  • @xXIskandar
    @xXIskandar Рік тому

    bro code pumping videos like crazy lately. 🙏🙏

  • @antoniobanderas1287
    @antoniobanderas1287 7 місяців тому

    awesome dude

  • @sheidamht
    @sheidamht 10 місяців тому

    you are the besttttt

  • @itruuth
    @itruuth 4 місяці тому

    so from vid 1 would this be a new project file i take it? and would we need to run the commands npm install again for the new one?

  • @abzz1290
    @abzz1290 8 місяців тому

    Great, But How can we make cards in slider only for mobile devices. please help :)

  • @hockeyme3113
    @hockeyme3113 4 місяці тому

    How do you get back in the local host if you ex out of it?

  • @zessness
    @zessness Рік тому

    Right on time MY BOY!!!

  • @lazyboykhmer
    @lazyboykhmer Рік тому

    ❤❤❤❤

  • @moonimitseclipse4676
    @moonimitseclipse4676 6 місяців тому

    how did you make this somewhat responsive?

  • @noelkitonga
    @noelkitonga 9 місяців тому

    This is the beauty of watching BroCode classes, he can bisect any topic and you will be guaranteed to understand it full.
    Such a rare talent.

  • @otabekmadaminov-z2i
    @otabekmadaminov-z2i 4 місяці тому

    Thank you bro

  • @mohammadbakeer4247
    @mohammadbakeer4247 Рік тому

    yoo why is my card inside div root and it is not letting me style the page? what do i do about div root

  • @alonewolf7682
    @alonewolf7682 Рік тому

    Nice video

  • @Gunz1234
    @Gunz1234 Рік тому

    Ur so good bro I love u 😊

  • @unsjvr
    @unsjvr Рік тому

    Eyyy! 🙌

  • @bouzmonsif6830
    @bouzmonsif6830 Рік тому

    bro u are simply the best

  • @DimitrisKoliomichalis
    @DimitrisKoliomichalis Рік тому

    Can you do a video with a full course of Basic Programming language?

  • @Jishanthegodev
    @Jishanthegodev Рік тому

    Thank you so much sir ❤

  • @freesoftwares6042
    @freesoftwares6042 Рік тому

    lets gooo , im on a strrak in this course

  • @LohithaYalavarthi
    @LohithaYalavarthi Рік тому

    Is this edroh?, I am positive it is him.

  • @hunin27
    @hunin27 Рік тому

    Hi!
    Is this the continuation of the react series?
    Thanks Bro ❤

  • @Misterkennedy04
    @Misterkennedy04 6 місяців тому

    its not working for me just a blank page

  • @Fan_tome.
    @Fan_tome. Рік тому

    Bro Is Cooking Some React.JS

  • @SoloSoul69
    @SoloSoul69 Рік тому

    Hello bro
    Could you make a video on which branch of computer science we should go in like web dev or android or other fields that help us in future

  • @betabandits2099
    @betabandits2099 Рік тому

    Grazi

  • @belalnasery7039
    @belalnasery7039 Рік тому

    Thank you 🙏🏻

  • @graiselin2791
    @graiselin2791 Рік тому

    Bro please daily upload react videos ❤❤

  • @_sf_editz1870
    @_sf_editz1870 Рік тому

    Sensei

  • @_____vieve
    @_____vieve 4 місяці тому

    thanks

  • @Ayano_x1
    @Ayano_x1 Рік тому +1

    Thanks bro

  • @Delicatamente
    @Delicatamente 9 місяців тому

    huge thanks!

  • @edipedipbulmaz
    @edipedipbulmaz Рік тому

    You are a real chad

  • @parasytea
    @parasytea Рік тому

    is that need to know css and js
    becouse i stoped learniing web dev laast summer because i fond a problems with css , i really hate css

  • @kaungkinzone2448
    @kaungkinzone2448 Рік тому

    random comment 2.0

  • @pisky5067
    @pisky5067 Рік тому

    Hello

  • @NotMrLex
    @NotMrLex Рік тому

    bro

  • @imranahmed9433
    @imranahmed9433 Рік тому

    Please unity 3d course

  • @sivuyilesifuba
    @sivuyilesifuba Рік тому