#91: CRUD in React: HTTP GET Method to Fetch & Display Data with Axios + Styling

แชร์
ฝัง
  • เผยแพร่เมื่อ 28 พ.ย. 2024

ความคิดเห็น • 46

  • @abhijitbasak8542
    @abhijitbasak8542 2 หลายเดือนก่อน +1

    Thank you Thapu Dada.

  • @HamzaKhanLodhi-t6z
    @HamzaKhanLodhi-t6z หลายเดือนก่อน

    Wow, Thanks Thapa❤❤

  • @subratasadhukhan2161
    @subratasadhukhan2161 2 หลายเดือนก่อน +1

    Teacher's Day Sir❤

  • @pxycknomdictator4483
    @pxycknomdictator4483 2 หลายเดือนก่อน

    awesome Thapa Sir

  • @gauravprakash2192
    @gauravprakash2192 หลายเดือนก่อน

    Thanks Thapa Sir.

  • @Yaduvanshi-nw3yr
    @Yaduvanshi-nw3yr 2 หลายเดือนก่อน

    happy teacher day thapa sir ❤❤❤

  • @biswajitbiswas6360
    @biswajitbiswas6360 2 หลายเดือนก่อน

    Happy teacher's day sir

  • @umalimbu7825
    @umalimbu7825 2 หลายเดือนก่อน

    Thank you Thapa da u r helping us to learn ReactJs. Thank u thank u. Happy teacher day.

  • @Chittisss
    @Chittisss 13 วันที่ผ่านมา

    Nice Tutorial..

  • @yash.14.02
    @yash.14.02 2 หลายเดือนก่อน

    Thank you sir ji❤

  • @MohammadAarifKhan-mj8lr
    @MohammadAarifKhan-mj8lr 2 หลายเดือนก่อน

    Happy Teachers day sir

  • @mathsejee3520
    @mathsejee3520 2 หลายเดือนก่อน

    Thanks sir 🥰

  • @m2kmemes07
    @m2kmemes07 2 หลายเดือนก่อน

    awesome sirji

  • @alpeshrathod5173
    @alpeshrathod5173 2 หลายเดือนก่อน

    Thanks Sir

  • @minhazali5522
    @minhazali5522 2 หลายเดือนก่อน

    Thanks brother

  • @AntanuDutta
    @AntanuDutta 2 หลายเดือนก่อน

    Happy teachers day thapa sir ❤🎉

  • @ketangawade3185
    @ketangawade3185 หลายเดือนก่อน

    Thanks bro 👍👍

  • @tempuser9560
    @tempuser9560 2 หลายเดือนก่อน

    Great👌

  • @jatinderkumar2764
    @jatinderkumar2764 2 หลายเดือนก่อน

    Great 👍

  • @workherry
    @workherry 2 หลายเดือนก่อน

    i really like your videos sir

  • @InamKhan-b1h
    @InamKhan-b1h 2 หลายเดือนก่อน

    Thapa is nice project

  • @Gautam-o3w
    @Gautam-o3w 10 วันที่ผ่านมา

    thnks thapa sir

  • @village-vlogs.404
    @village-vlogs.404 2 หลายเดือนก่อน

    great sir

  • @mrbigbulls4893
    @mrbigbulls4893 2 หลายเดือนก่อน

    Happy Teacher's Day sir 💐💐

  • @ErrorEagle-z6r
    @ErrorEagle-z6r 2 หลายเดือนก่อน

    thanku sir

  • @workherry
    @workherry 2 หลายเดือนก่อน

    thanks thapa bhai

  • @Shaswat_Shrivas
    @Shaswat_Shrivas 2 หลายเดือนก่อน

    Happy Teachers Day Sir.!!
    Sir can you please answer some our questions in some of the previous playlist videos or React Series.

  • @AbhishekShukla-sz7tr
    @AbhishekShukla-sz7tr 2 หลายเดือนก่อน

    Happy teachers day

  • @vijendrasharma1375
    @vijendrasharma1375 2 หลายเดือนก่อน

    ❤🎉😊

  • @MuhammadUsmankhan-e7w
    @MuhammadUsmankhan-e7w 2 หลายเดือนก่อน

    Sir redux ka kb video banaoge ?

  • @anujrawat2018
    @anujrawat2018 2 หลายเดือนก่อน

    y input kse aaya usme bina input tag lia?

  • @chahatsingh1250
    @chahatsingh1250 2 หลายเดือนก่อน

    Hello sir I wanna know that when you select any text In your vs code ,line appear arround the text, how i do same thing my vs code....
    Please respond

    • @gauravprakash2192
      @gauravprakash2192 หลายเดือนก่อน

      That's not needed at all and it's basic windows feature bro.

  • @RRR-qv1so
    @RRR-qv1so 2 หลายเดือนก่อน

    Still how many videos will come n react bro

  • @ManishGupta-nv5by
    @ManishGupta-nv5by หลายเดือนก่อน

  • @mohdjawadpolyvalent2314
    @mohdjawadpolyvalent2314 2 หลายเดือนก่อน

    Sir kitne aur video abhi apload karega

  • @Aashishrwt14
    @Aashishrwt14 2 หลายเดือนก่อน

    osm

  • @yagnikitaliya3741
    @yagnikitaliya3741 2 หลายเดือนก่อน

    Pls give your terminal theme name

  • @ryhih1833
    @ryhih1833 2 หลายเดือนก่อน

    next course nodejs

  • @ManpreetD-k2p
    @ManpreetD-k2p 2 หลายเดือนก่อน

  • @ROHIT-jy6uj
    @ROHIT-jy6uj 2 หลายเดือนก่อน

    CSS code: body{
    background-color:#17202a ;
    }
    html{
    font-size: 62.5%;
    font-family: 'urbanist';
    }
    p,
    a,
    li,
    input{
    font-size: 1.6rem;
    letter-spacing: 0.12rem;
    line-height:1.5;
    color:#fff;
    }
    button{
    padding: 0.8rem 3.2rem;
    border-radius: 0.3rem;
    cursor:pointer;
    border: 0;
    background-color: hsl(160, 80%, 48%);
    box-shadow: rgb(0 0 0 / 5%) 0 0 8px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-size: 15px;
    transition: all 0.5s ease;
    margin-left: 1.2rem;
    -webkit-border-radius: 0.3rem;
    -moz-border-radius: 0.3rem;
    -ms-border-radius: 0.3rem;
    -o-border-radius: 0.3rem;
    }
    button:hover{
    background-color: hsl(160, 80%, 48%);
    color: hsl(0, 0%, 100%);
    box-shadow: rgb(9, 172,115) 0px 7px 19px 0px;
    }
    .main-section{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    }
    .section-form{
    padding: 1.6rem;
    background-color: #212f3d;
    border-radius: 0.6rem;
    -webkit-border-radius: 0.6rem;
    -moz-border-radius: 0.6rem;
    -ms-border-radius: 0.6rem;
    -o-border-radius: 0.6rem;
    margin: 3.2rem auto;
    }
    form{
    display: flex;
    gap: 1.2rem;
    }
    & input{
    width: 24rem;
    color: #212f3d;
    border: 0.1rem solid grey;
    outline: none;
    border-radius: o.3rem;
    -webkit-border-radius: 0.3rem;
    -moz-border-radius: 0.3rem;
    -ms-border-radius: 0.3rem;
    -o-border-radius: 0.3rem;
    padding: 0.8rem 1.2rem;
    }
    .section-post{
    width: 90%;
    & ol{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3.2rem;
    & li{
    background-color: #212f3c;
    padding: 1.6rem;
    border-radius: 0.3rem;
    -webkit-border-radius: 0.3rem;
    -moz-border-radius: 0.3rem;
    -ms-border-radius: 0.3rem;
    -o-border-radius: 0.3rem;
    list-style-position: inside;
    border-left: 0.2rem solid #fff;
    }
    & .btn-delete{
    background-color: #e74c3c;
    }
    &:hover{
    color: hsl(0 0%, 100%);
    box-shadow: rgb(167, 54,13) 0px 7px 19px 0px;
    }
    }
    }
    @media screen and(max-width: 980px){
    .section-form form{
    flex-direction: column;
    justify-content: center;
    align-items: center;
    }
    .section-post ol{
    grid-template-columns: repeat(2, 1fr);
    }
    }
    @media screen and (max-width: 720px) {
    .section-post ol{
    grid-template-columns: repeat(1, 1fr);
    }
    }

    • @Asdfgtvbn
      @Asdfgtvbn หลายเดือนก่อน

      thnx

  • @ROHIT-jy6uj
    @ROHIT-jy6uj 2 หลายเดือนก่อน

    where is the css code????

  • @niteshmeena9383
    @niteshmeena9383 หลายเดือนก่อน

    Thank You SO much Thapa Ji