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

Welcome, how to Create a Digital Clock using React JS in Hindi. How to display working digital clock using React JS in Hindi.
************ Must Watch Videos For Web Development ************
➡️ Hooks in React JS in Hindi | useState in Hook in React JS: • #30: Hooks in React J...
➡️ Array Destructuring in ES6 in JavaScript in Hindi 2020: • ES6 Tutorial #5: Array...
➡️ Object Destructuring in ES6 in JavaScript in Hindi: • ES6 Tutorial #7: Objec...
➡️ React DevTools & Source Code Link: www.thapatechnical.com/2020/0...
➡️ ReactJS Tutorial in Hindi 2020 Playlist Link: • React JS Tutorial in H...
➡️ ReactJS JavaScript Array Map Method in Hindi with Example: • ReactJS JavaScript Arr...
➡️ Fat Arrow Function in JavaScript in Hindi 2020: • ES6 Tutorial #8: Fat A...
➡️ #23: Array in React JS in Hindi | React JS Project Netflix App #2 in Hindi in 2020
➡️ Array in JavaScript in Hindi: • JavaScript Tutorial in...
➡️ #22: React JS Project Netflix App Part #1 in Hindi in 2020: • #22: Props in React Js...
➡️ Install VS Code for ReactJS LINK: www.thapatechnical.com/2020/0...
➡️ Check Complete Reactjs in One video here 👇 • ReactJS For Beginners ...
➡️ HTML in One Video: • Learn HTML in One Vide...
➡️ CSS in One video: • Learn Complete CSS In ...
➡️ CSS FlexBox in 30 Minutes: • CSS FlexBox in 30 Minu...
➡️ JavaScript in One video: • JavaScript in One Vide...
➡️ ECMAScript 6 in One Video: • ES5 & ES6 | ECMAScript...
➡️ HTML5 in one video: • HTML5 Tutorial in One ...
➡️ CSS3 in one video: • Learn Complete CSS3 In...
➡️ Bootstrap4 in One video: • Bootstrap 4 in One Vid...
➡️ Jquery in One video: • jQuery in One Video in...
➡️ JSON in one video: • JSON in One Video in H...
➡️ ReactJS in one video: • ReactJS For Beginners ...
➡️ PHP in One Video: • PHP TUTORIAL IN ONE VI...
➡️ NodeJS in one video: / ipnwakoibt
➡️ MySQL in one video: • Complete SQL & MySQL i...
********** CLICK HERE TO WATCH ************
➡️ Fetch API in JavaScript: • Fetch API in JavaScrip...
➡️ AJAX tutorial for beginners in Hindi: • AJAX tutorial for begi...
➡️ Template literals (Template strings) in ES6 in JavaScript in Hindi: • ES6 Tutorial #3: Templ...
➡️ Async Await in JavaScript in Hindi: • Async Await in JavaScr...
➡️ Promises in JavaScript in Hindi: • Master The Promises in...
➡️ Callback Hell in JavaScript: • Callback Hell in JavaS...
➡️ Advanced JavaScript in Hindi Playlist: • Advanced JavaScript Tu...
➡️ ECMAScript Tutorial in Hindi 2020: • Modern JavaScript ES6 ...
➡️ ES5 & ES6 | ECMAScript 6 in One Video in Hindi: • ES5 & ES6 | ECMAScript...
➡️ JavaScript Game Development Series in 2020: • JavaScript Game Develo...
➡️ Source Code Link: www.thapatechnical.com/2019/1...
➡️ Top 5 Programming Languages in 2020: • Top 5 Programming Lang...
➡️ Ludo Game JavaScript Link: • JavaScript Game in Hin...
➡️Plz show some love to My Siter KZbin Channel and Plz Subscribe Link: / @mayabeautyvlogs878
**************** MUST WATCH VIDEOS *****************
➡️ How to become a Full Stack Developer 2020: • How to become a Full S...
➡️ How To Become a Web Developer 2020: • How To Become a Web De...
➡️ How JavaScript Works: • How JavaScript Works i...
➡️ Follow me on Instagram: / vinodthapa55
Make Website Responsive Using Media Queries in One Video in Hindi | Web Design Tutorial in Hindi
➡️ Link: • Make Website Responsiv...
Guys, Please support my channel by SUBSCRIBE to my channel and share my videos in your Social Network TimeLines.
Don't Forget to Follow me on all Social Network,
Website Link: www.thapatechnical.com
Instagram Link: / vinodthapa55
Facebook Link: / vinodthapa55
Twitter Link: / vb55thapa
Facebook ThapaTechnical Page Link: vinodbahadur...

[@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.

[@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👌👌👌

[@TheKoma21]

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

[@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.

[@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

[@EWorldHub]

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

[@os-ui5yr]

the way you work hard, really appreciate it

[@legoking6193]

Excellent !! Thank you, Much appreciated

[@ashutoshbisoyi205]

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

[@ranjitdesai3926]

Simply fantastic bhai.!!!!!Thanks

[@rjverma07]

More easier than react docs thank you sir ji.

[@ashharmansuri6816]

You are great person yar , maza agaya

[@mongalmoy_karmakar]

Your explanation is great 👌👌

[@iamvshubham]

Awesome teaching skill.

[@abhinavkumar3338]

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.

[@johnthapa1879]

Aj do video n both are awesome bro

[@shwetasonth8407]

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

[@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!

[@DjPrinceRaj]

Nice Video Bhai 👍

[@burhanyasir1298]

Thapa bhai good

[@omkarpathak4759]

Amazing Video Sir.

[@gabriellovera8113]

Awesome, thank you so much

[@ChandraTech52]

every video is very interesting 🙏🙏

[@DEEPANSHU_NAG]

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

[@SantoshYadav-xb2hg]

Yes

[@shaik_fareed890]

Right boss

[@maruf84210]

darun hoyeche bro from BD

[@ralphpantallon6985]

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

[@rajbannasa7662]

appreciated sir , thank you so much sir

[@AkhileshYadav-lv3kh]

Thank you sir 👍👍

[@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

[@MonikaKumari-er4de]

Thank you sir 😊

[@sudharshanpani585]

Thank you for this

[@rahul-java-dev]

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

[@ratul1125]

Love U Thapa sir

[@sriramginjupalli3565]

Thanks bro it's done very good ☺️

[@ParvinderSingh013]

super video

[@x..darkfate..x]

Bhai ap GAzab ho

[@charsipandavlog1]

Great one 🙂

[@ThapaTechnical]

Thanks 😁

[@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

[@jashanpreet832]

Great

[@sameermubeen8495]

nice explanation

[@aamirsaleem5294]

osm

[@vrutanktogadiya5905]

🎖🎖

[@thecoderraj3777]

Thanks sir :)

[@nikkyjaiswal137]

👌

[@itsmd.25]

Nice video 👍👍 #ItsMD

[@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.

[@_Blackwolf_01]

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

[@adilrao7777]

❣❣👌

[@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;

[@shivamchouhan5077]

13th liker bro 😊

[@lifestoryashita3]

Completed #32

[@kashmirtechtv2948]

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

[@ayaniegain]

thanks for your contribution and efforts really appreciate your work.

[@deepanshusingh2352]

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

[@ajaypathak2214]

Enjoying, please start django

[@user-eh9ut3rr2d]

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

[@dharmensinha3191]

Thapa sir wab security ke bare me kuch sikhaw plz

[@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

[@sakshiawadhiya7267]

Please make e commerce or College management system in phl

[@mohdnajeeburrehman5438]

Boom guys 😀😁😀

[@santoshsharma1776]

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

[@zafarhussain8273]

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

[@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

[@raghubirkumar3478]

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

[@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 ?

[@sakshiawadhiya7267]

How are integrate payment gateway in e commerce website project

[@sagorraihan134]

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

[@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.

[@mustaqali960]

How to make countdown timer in react js...

[@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

[@collegeduniaeducation3015]

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

[@proxykhel3284]

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

[@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);

[@anurajdeep8236]

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

[@CodersGyan]

You can rename it :)

[@pranjalbansal8576]

@Thapa Technical My button is not working

[@riyaojha8633]

Sir u r the bestt😭🤌🏻

[@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 :)

[@ManishChoudhary-bb2mn]

Sir Setinterval mein infinite timing karna hoga toh kaise karenge

[@Himanshu_Sharma..]

Infinite time nahi kiya jaata mere bhai

[@anuragmishra8340]

How to bring ur website on www

[@GauravKumar-dw2ml]

Made it myself 😎😂❤️🔥

[@swarup868]

varable not working,

[@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.

[@lifestylestudy3778]

India nepal relationship ke bare me aapka thinking Kaisa hai

[@guptafamily1981]

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

[@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

[@sakshiawadhiya7267]

Php me

[@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

[@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 ) }