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

[@ThapaTechnical]

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

[@dragonshiv7215]

Please make video on symfony framework

[@top10video29]

Sir u are great are u nepali sir

[@TheKoma21]

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

[@manishmishra1730]

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

[@nitinKumar-zs3qj]

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

[@steelado3433]

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]

Amazing way of Teaching. Thankyou Thapa Teachnical👌👌👌

[@letsshowdesigns]

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.

[@DEEPANSHU_NAG]

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

[@SantoshYadav-xb2hg]

Yes

[@shaik_fareed890]

Right boss

[@Abhhinavkumar666]

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.

[@ankit-ry3cz]

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;

[@EWorldHub]

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

[@os-ui5yr]

the way you work hard, really appreciate it

[@developer532]

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

[@sagorraihan134]

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

[@TheKoma21]

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

[@shwetasonth8407]

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

[@ashharmansuri6816]

You are great person yar , maza agaya

[@ralphpantallon6985]

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

[@Thelalaharsh009]

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

[@maruf84210]

darun hoyeche bro from BD

[@ranjitdesai3926]

Simply fantastic bhai.!!!!!Thanks

[@ashutoshbisoyi205]

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

[@FightAgainstMathsFear]

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]

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

[@rjverma07]

More easier than react docs thank you sir ji.

[@ChandraTech52]

every video is very interesting 🙏🙏

[@burhanyasir1298]

Thapa bhai good

[@sriramginjupalli3565]

Thanks bro it's done very good ☺️

[@mongalmoy_karmakar]

Your explanation is great 👌👌

[@johnthapa1879]

Aj do video n both are awesome bro

[@iamvshubham]

Awesome teaching skill.

[@DeepakSaini-Google]

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!

[@kashmirtechtv2948]

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

[@samqureshi9415]

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

[@raghubirkumar3478]

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

[@NoumanShafi-l6w]

good but can you explain how much time this component render in a second and how to avoid it

[@AkhileshYadav-lv3kh]

Thank you sir 👍👍

[@ratul1125]

Love U Thapa sir

[@SHUBH4M_Singh]

Other Ways using pure javascript (without using Hooks ) const App = ()=>{ setInterval((time= new Date())=>{ document.getElementById('curTime').innerHTML=time.toLocaleTimeString() },1000) return( time ) }

[@gabriellovera8113]

Awesome, thank you so much

[@legoking6193]

Excellent !! Thank you, Much appreciated

[@omkarpathak4759]

Amazing Video Sir.

[@x..darkfate..x]

Bhai ap GAzab ho

[@rahul-java-dev]

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

[@DjPrinceRaj]

Nice Video Bhai 👍

[@LifeStoryAshita]

Completed #32

[@ayaniegain]

thanks for your contribution and efforts really appreciate your work.

[@sameermubeen8495]

nice explanation

[@rajbannasa7662]

appreciated sir , thank you so much sir

[@dharmensinha3191]

Thapa sir wab security ke bare me kuch sikhaw plz

[@ParvinderSingh013]

super video

[@vrutanktogadiya5905]

🎖🎖

[@_Blackwolf_01]

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

[@itsmd.25]

Nice video 👍👍 #ItsMD

[@jashanpreet832]

Great

[@ajaypathak2214]

Enjoying, please start django

[@charsipandavlog1]

Great one 🙂

[@ThapaTechnical]

Thanks 😁

[@sudharshanpani585]

Thank you for this

[@thecoderraj3777]

Thanks sir :)

[@aamirsaleem5294]

osm

[@nikkyjaiswal137]

👌

[@deepanshusingh2352]

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

[@mohdnajeeburrehman5438]

Boom guys 😀😁😀

[@sakshiawadhiya7267]

How are integrate payment gateway in e commerce website project

[@sakshiawadhiya7267]

Please make e commerce or College management system in phl

[@manishmishra1730]

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

[@meditationalmusic610]

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

[@manishmishra1730]

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

[@anurajdeep8236]

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

[@CodersGyan]

You can rename it :)

[@GauravKumar-dw2ml]

Made it myself 😎😂❤️🔥

[@mallikasethi2604]

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]

why you do not try yourself ?

[@collegeduniaeducation3015]

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

[@santoshsharma1776]

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

[@adilrao7777]

❣❣👌

[@devendrarajput474]

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

[@mubeen44us]

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

[@ManishChoudhary-bb2mn]

Sir Setinterval mein infinite timing karna hoga toh kaise karenge

[@Himanshu_Sharma..]

Infinite time nahi kiya jaata mere bhai

[@pusparghyamukherjee1994]

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.

[@sagorraihan134]

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

[@pranjalbansal8576]

@Thapa Technical My button is not working

[@mustaqali960]

How to make countdown timer in react js...

[@proxykhel3284]

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

[@TheAmanpro]

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]

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

[@shivamchouhan5077]

13th liker bro 😊

[@zafarhussain8273]

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

[@preethamm.n1161]

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]

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

[@CodersGyan]

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

[@debpal8777]

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]

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

[@lifestylestudy3778]

India nepal relationship ke bare me aapka thinking Kaisa hai

[@riyaojha8633]

Sir u r the bestt😭🤌🏻

[@anuragmishra8340]

How to bring ur website on www

[@swarup868]

varable not working,

[@avknash175]

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

[@shubhammehra5598]

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

[@guptafamily1981]

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

[@sakshiawadhiya7267]

Php me

[@MonikaKumari-er4de]

Thank you sir 😊