#32: Create a Digital Clock using React JS in Hindi | React Mini Project #2

แชร์
ฝัง
  • เผยแพร่เมื่อ 11 ม.ค. 2025

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

  • @ThapaTechnical
    @ThapaTechnical  4 ปีที่แล้ว +28

    Guys, hope u like the video.. if yes then LIKE n Share krna mat bhuliyega 🙏

    • @dragonshiv7215
      @dragonshiv7215 4 ปีที่แล้ว

      Please make video on symfony framework

    • @top10video29
      @top10video29 4 ปีที่แล้ว

      Sir u are great are u nepali sir

    • @TheKoma21
      @TheKoma21 4 ปีที่แล้ว +1

      nice bro.. your way of teaching is really awesome.

    • @manishmishra1730
      @manishmishra1730 2 ปีที่แล้ว

      Is that 'AM" or 'PM' comes by default with 'new Date().toLocaleTimeString()' or we have to put some condition to show that.

  • @steelado3433
    @steelado3433 ปีที่แล้ว +6

    you can do like this too
    const DigitalTime = () => {
    const [Time, setTime]=useState(new Date().toLocaleTimeString())
    setInterval(() => {
    setTime(new Date().toLocaleTimeString())
    }, 1000);
    return (

    {Time}

    )
    }

  • @Nomankhan-jv1nk
    @Nomankhan-jv1nk 3 ปีที่แล้ว +2

    Amazing way of Teaching. Thankyou Thapa Teachnical👌👌👌

  • @nitinKumar-zs3qj
    @nitinKumar-zs3qj 4 ปีที่แล้ว +5

    Sir crud operation banao jismay add products, update,delete ,edit ,search option, pagination sir is mini project ko banao react js per vo bhi local storage ko use KR k sabhi functionality use ho jayega ussay aur bhi concept clear hoga

  • @DEEPANSHU_NAG
    @DEEPANSHU_NAG 4 ปีที่แล้ว +8

    Waiting for building a website with react...👏🏻✌🏻💯

  • @Abhhinavkumar666
    @Abhhinavkumar666 2 ปีที่แล้ว

    This is a great video...i will recomend all to watch and then u can know that really u can learn React and its so easy.

  • @EWorldHub
    @EWorldHub 4 ปีที่แล้ว +1

    Superb..... Very Easy to Create.... Thanks For Ur Efforts Make It Easy

  • @TheKoma21
    @TheKoma21 4 ปีที่แล้ว +1

    enjoying this tutorial..I am watching and keep practicing.. awesome way of teaching

  • @os-ui5yr
    @os-ui5yr ปีที่แล้ว

    the way you work hard, really appreciate it

  • @letsshowdesigns
    @letsshowdesigns 4 ปีที่แล้ว +3

    Thapa sir, you are doing a great job as you bring some small game tasks in react which is pretty good but I have requested to you kindly make one video that how we deal with back end in react. I am very thankful of you.

  • @maruf84210
    @maruf84210 ปีที่แล้ว

    darun hoyeche bro
    from BD

  • @developer532
    @developer532 4 ปีที่แล้ว

    @Thapa Technical I did this by myself.. :) and Then I watch your video and I got the same method as you did setInterval

    • @sagorraihan134
      @sagorraihan134 2 ปีที่แล้ว

      @Developer 53 vai plz help karo
      I am facing error using npm install react-digital-clock

  • @ashutoshbisoyi205
    @ashutoshbisoyi205 4 ปีที่แล้ว

    Awesome bhai... You are doing really great. Keep it up brother, want to learn more from you

  • @shwetasonth8407
    @shwetasonth8407 2 ปีที่แล้ว

    Your videos are really very helpful sir,thank Soo... Much👍

  • @ashharmansuri6816
    @ashharmansuri6816 3 ปีที่แล้ว

    You are great person yar , maza agaya

  • @rjverma07
    @rjverma07 4 ปีที่แล้ว

    More easier than react docs thank you sir ji.

  • @ranjitdesai3926
    @ranjitdesai3926 4 ปีที่แล้ว

    Simply fantastic bhai.!!!!!Thanks

  • @ralphpantallon6985
    @ralphpantallon6985 2 ปีที่แล้ว

    thank you so much bro you helped me, even though i cant understand you. thank you so much!

  • @mongalmoy_karmakar
    @mongalmoy_karmakar 3 ปีที่แล้ว

    Your explanation is great 👌👌

  • @ChandraTech52
    @ChandraTech52 4 ปีที่แล้ว

    every video is very interesting 🙏🙏

  • @sriramginjupalli3565
    @sriramginjupalli3565 ปีที่แล้ว

    Thanks bro it's done very good ☺️

  • @iamvshubham
    @iamvshubham 3 ปีที่แล้ว

    Awesome teaching skill.

  • @kashmirtechtv2948
    @kashmirtechtv2948 3 ปีที่แล้ว

    Great. Bro kash ap 4 saal phly mil jaty😅😅😅

  • @johnthapa1879
    @johnthapa1879 4 ปีที่แล้ว

    Aj do video n both are awesome bro

  • @legoking6193
    @legoking6193 3 ปีที่แล้ว

    Excellent !! Thank you, Much appreciated

  • @ankit-ry3cz
    @ankit-ry3cz 2 ปีที่แล้ว +5

    import React, { useState } from 'react';


    const App = () => {
    let time = new Date().toLocaleTimeString();

    const [count, setCount] = useState(time);
    const UpdateTime = () => {
    time = new Date().toLocaleTimeString();
    setCount(time);
    };
    setInterval(UpdateTime,1000)
    return(

    {count}


    );
    };
    export default App;

  • @burhanyasir1298
    @burhanyasir1298 ปีที่แล้ว

    Thapa bhai good

  • @AkhileshYadav-lv3kh
    @AkhileshYadav-lv3kh ปีที่แล้ว

    Thank you sir 👍👍

  • @DeepakSaini-Google
    @DeepakSaini-Google 4 ปีที่แล้ว

    Hi!
    Nice videos bro and you are doing an awesome work!
    Your some videos are showing multiple times in your play list. As this video is showing three time at video index 40, 41 and 42 in play list.
    Thanks!

  • @deepanshusingh2352
    @deepanshusingh2352 4 ปีที่แล้ว

    At 2:48 , what shortcut did you use for the curly braces ??

  • @gabriellovera8113
    @gabriellovera8113 3 ปีที่แล้ว

    Awesome, thank you so much

  • @rajbannasa7662
    @rajbannasa7662 3 ปีที่แล้ว

    appreciated sir , thank you so much sir

  • @Thelalaharsh009
    @Thelalaharsh009 4 ปีที่แล้ว

    Hii Bhaiya , you are absolutely fantastic
    Bhaiya apne apne react in one video mein "Tachyons" ke baare mein bataya tha but woh install ni horha
    Plz ek video "Tachyons" pe bana dijiye
    & Good bless you bhaiya

  • @omkarpathak4759
    @omkarpathak4759 3 ปีที่แล้ว

    Amazing Video Sir.

  • @rahul-java-dev
    @rahul-java-dev 4 ปีที่แล้ว

    Thank You So Much....Love You...

  • @FightAgainstMathsFear
    @FightAgainstMathsFear 4 ปีที่แล้ว +5

    Your work is appreciable 💯💪💪👌👌👏👏👏👏
    Great 😀
    Thapa Bhai as u know everything Please make a coding app for Android like vs code Editor 🙏🙏
    Because I don't have Computer or laptop 😭😭😭🙏🙏
    Please tell your email i have a question.🙏🙏
    Bhai ek video banao ki ham coding problem kaise solve kare hame ata sab hai par jab kuch project banata hu tu atak jata hu🙏 ek video banao

    • @anujgupta7749
      @anujgupta7749 4 ปีที่แล้ว

      Bro HackerRank par practise kar sakte ho , vha sei logic bna nh aa jayga.

  • @ratul1125
    @ratul1125 4 ปีที่แล้ว

    Love U Thapa sir

  • @DjPrinceRaj
    @DjPrinceRaj 4 ปีที่แล้ว

    Nice Video Bhai 👍

  • @charsipandavlog1
    @charsipandavlog1 4 ปีที่แล้ว

    Great one 🙂

  • @x..darkfate..x
    @x..darkfate..x ปีที่แล้ว

    Bhai ap GAzab ho

  • @raghubirkumar3478
    @raghubirkumar3478 4 ปีที่แล้ว

    Aap blogger website me Ek bar me Ek se adhik product ko add Karna kis video me bataya hai

  • @itsmd.25
    @itsmd.25 4 ปีที่แล้ว

    Nice video 👍👍
    #ItsMD

  • @sameermubeen8495
    @sameermubeen8495 4 ปีที่แล้ว

    nice explanation

  • @ayaniegain
    @ayaniegain 4 ปีที่แล้ว

    thanks for your contribution and efforts really appreciate your work.

  • @GauravKumar-dw2ml
    @GauravKumar-dw2ml 3 ปีที่แล้ว +1

    Made it myself 😎😂❤️🔥

  • @ParvinderSingh013
    @ParvinderSingh013 ปีที่แล้ว

    super video

  • @sudharshanpani585
    @sudharshanpani585 3 ปีที่แล้ว

    Thank you for this

  • @manishmishra1730
    @manishmishra1730 2 ปีที่แล้ว

    Is that 'AM" or 'PM' comes by default with 'new Date().toLocaleTimeString()' or we have to put some condition to show that.

    • @meditationalmusic610
      @meditationalmusic610 2 ปีที่แล้ว

      it comes by default. No need to add 'AM' or 'PM'

    • @manishmishra1730
      @manishmishra1730 2 ปีที่แล้ว

      @@meditationalmusic610 Sorry, but in my case while writing the same code, it wasn't there.

  • @sakshiawadhiya7267
    @sakshiawadhiya7267 4 ปีที่แล้ว

    How are integrate payment gateway in e commerce website project

  • @LifeStoryAshita
    @LifeStoryAshita 2 ปีที่แล้ว

    Completed #32

  • @ajaypathak2214
    @ajaypathak2214 4 ปีที่แล้ว

    Enjoying, please start django

  • @jashanpreet832
    @jashanpreet832 4 ปีที่แล้ว

    Great

  • @thecoderraj3777
    @thecoderraj3777 4 ปีที่แล้ว

    Thanks sir :)

  • @anurajdeep8236
    @anurajdeep8236 4 ปีที่แล้ว

    doubt: ye jsx file ke liye js file ko hi rename kiya hai ya new create kiya hai?

    • @CodersGyan
      @CodersGyan 4 ปีที่แล้ว

      You can rename it :)

  • @samqureshi9415
    @samqureshi9415 4 ปีที่แล้ว

    Thapa sir end mai jitna padae ho tumne uska ek document bana kar dedo agar kuch bhool gae toh jaldi se usko dekh kar shamj jaege warna pura video dekhna padta hai. Please

  • @_Blackwolf_01
    @_Blackwolf_01 4 ปีที่แล้ว

    Sir,Plz make a playlist for e-commerce website with admin panel.

  • @devendrarajput474
    @devendrarajput474 4 ปีที่แล้ว

    important!!!!!!
    How can we use the Class component's setState callback function in the functional component?

    • @mubeen44us
      @mubeen44us 2 ปีที่แล้ว

      Did you got answer to your question? Was it about Props? Welcome Stackoverflow

  • @santoshsharma1776
    @santoshsharma1776 4 ปีที่แล้ว

    sir,how to create reporting like rdlc if data save in data base how to see data on report

  • @mohdnajeeburrehman5438
    @mohdnajeeburrehman5438 ปีที่แล้ว

    Boom guys 😀😁😀

  • @TheAmanpro
    @TheAmanpro 3 ปีที่แล้ว

    i am trying to do same with creating a separate component for Time and exporting cTime into App.jsx but for some reason its not working.. My Time.jsx is:
    import React, { useState } from 'react';
    const Time = () => {
    let cTime = new Date().toLocaleTimeString();
    const [nTime, upTime] = useState(cTime);
    let UpdTime = () => {
    cTime = new Date().toLocaleTimeString();
    upTime(cTime);
    }
    setInterval(UpdTime,999);
    }
    export default Time;
    export { nTime };
    and App.js is
    import React, { useState } from 'react';
    import Time, {nTime} from "./Time"
    import './App.css';
    const App = () => {

    return (


    Time:
    {nTime}


    );
    }
    export default App;
    The error i am getting is :
    Failed to compile
    ./src/App.js
    Attempted import error: 'nTime' is not exported from './Time'.
    Anyone please help

    • @LaserkiDunya
      @LaserkiDunya ปีที่แล้ว

      Try to export the components from separate components file , currently you have exported both in the same file

  • @sagorraihan134
    @sagorraihan134 2 ปีที่แล้ว

    Brother i am facing error using npm install react-digital-clock

  • @zafarhussain8273
    @zafarhussain8273 4 ปีที่แล้ว

    we can do this project without hooks with help of functions then why we need hooks . i have this cunfusion .anyone Know ?

  • @mallikasethi2604
    @mallikasethi2604 4 ปีที่แล้ว

    can u explain how do i obtain source code .. if i pay rs 30 then would i get source code of a particular video or entire playlist! anyway 30 rupees are way less for amazing work you are doing. quality is fantastic , way better than udemy or any courses!

    • @vikrambam1184
      @vikrambam1184 2 ปีที่แล้ว +1

      why you do not try yourself ?

  • @proxykhel3284
    @proxykhel3284 4 ปีที่แล้ว

    sir is par bhi kam kar raha ha
    setInterval(UpdateTime);

  • @dharmensinha3191
    @dharmensinha3191 4 ปีที่แล้ว

    Thapa sir wab security ke bare me kuch sikhaw plz

  • @pranjalbansal8576
    @pranjalbansal8576 3 ปีที่แล้ว

    @Thapa Technical My button is not working

  • @mustaqali960
    @mustaqali960 4 ปีที่แล้ว

    How to make countdown timer in react js...

  • @sakshiawadhiya7267
    @sakshiawadhiya7267 4 ปีที่แล้ว

    Please make e commerce or College management system in phl

  • @preethamm.n1161
    @preethamm.n1161 4 ปีที่แล้ว

    Bro please help me bro,
    Bro how to get the URL of JSON data
    Like the one uyou used for carona website ,I want to implement for other fields like news ,sports ,weather but I am unable to find please help me bro💞

    • @programmershakil610
      @programmershakil610 4 ปีที่แล้ว

      bro mere channel ke playlist api ka use karke awesome corona website banaya hai

    • @CodersGyan
      @CodersGyan 4 ปีที่แล้ว

      You can google it for free Jain apis and you will many free apis :)

  • @aamirsaleem5294
    @aamirsaleem5294 4 ปีที่แล้ว

    osm

  • @ManishChoudhary-bb2mn
    @ManishChoudhary-bb2mn 4 ปีที่แล้ว

    Sir Setinterval mein infinite timing karna hoga toh kaise karenge

  • @debpal8777
    @debpal8777 4 ปีที่แล้ว

    Can you tell me how can I convert this setInterval function to fat arrow function.
    const interval = setInterval(function () {
    newTime = new Date().toLocaleTimeString();
    setCtime(newTime);
    }, 1000);
    Please suggest me how can I do that?

    • @ngulhane02
      @ngulhane02 2 ปีที่แล้ว

      setInterval(() => {
      setCtime(new Date().toLocaleTimeString());
      }, 1000);

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

    🎖🎖

  • @collegeduniaeducation3015
    @collegeduniaeducation3015 4 ปีที่แล้ว

    sir digital clock with date and time in node.js ka video chiya sir

  • @nikkyjaiswal137
    @nikkyjaiswal137 4 ปีที่แล้ว

    👌

  • @shivamchouhan5077
    @shivamchouhan5077 4 ปีที่แล้ว

    13th liker bro 😊

  • @pusparghyamukherjee1994
    @pusparghyamukherjee1994 3 ปีที่แล้ว

    use " var " instead of " let " before ' time= new Date().toLocaleTimeString(); ', because let has ' local scope(couldn't be accessed anywhere except where it is declared) ' so reference error will occur ...Otherwise It is Very Good.

  • @anuragmishra8340
    @anuragmishra8340 4 ปีที่แล้ว

    How to bring ur website on www

  • @swarup868
    @swarup868 ปีที่แล้ว

    varable not working,

  • @adilrao7777
    @adilrao7777 4 ปีที่แล้ว

    ❣❣👌

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

    Sir u r the bestt😭🤌🏻

  • @lifestylestudy3778
    @lifestylestudy3778 4 ปีที่แล้ว +1

    India nepal relationship ke bare me aapka
    thinking Kaisa hai

  • @shubhammehra5598
    @shubhammehra5598 3 ปีที่แล้ว +1

    Promotion of other videos in the middle of a lecture is very annoying😫
    Please 🙏 promote other videos in the end Or on the start

  • @avknash175
    @avknash175 4 ปีที่แล้ว

    There are 2-3 videos copies of each video it increases the size of playlist so please delete repeated videos and make constant playlist

  • @guptafamily1981
    @guptafamily1981 ปีที่แล้ว

    This code has very major Bug. Finder will get some phone pe prize.

  • @sakshiawadhiya7267
    @sakshiawadhiya7267 4 ปีที่แล้ว

    Php me

  • @SHUBH4M_Singh
    @SHUBH4M_Singh 2 ปีที่แล้ว +1

    Other Ways using pure javascript (without using Hooks )
    const App = ()=>{

    setInterval((time= new Date())=>{
    document.getElementById('curTime').innerHTML=time.toLocaleTimeString()
    },1000)
    return(


    time


    )

    }

  • @MonikaKumari-er4de
    @MonikaKumari-er4de ปีที่แล้ว

    Thank you sir 😊