Guys, har ek video important hai React Series ka.. Calculator jaisa look nai hai but functionality hai. tho miss na kare. Hope aj ka video pasand aaya hoga..
@@nainsisaraf3058 You will have to get the user inputs with the help of Form. With the help of DOM APIs, you will get the user input values and then you can perform operations with user inputs....
you are the god to me once I gave up programming because I was not understanding javascript but after watching your 16 hours tut I got friendly with it . Now, still, you are with me in my way of programming with react js tut. Now if i ever feel like learning something i just go to your channel and my query got solved. thanks a million thapa dai.
Simplest way to write the above code is this: - Sum of two Number is {40+4} Subtractiton of two Number is {40-4} Multiplication of two Number is {40*4} Division of two Number is {40 / 4}
Bhai aisi teaching to expensive coachings me bhi nhi padhate..... hats off to u nad ur hard work.. u r truely a life saver bro.... lots of respect....!!
Thanks sir, U r just awesome as i am a angular developer i thought react was difficult to learn but after watching ur videos i am very much confident about react and ur explanation was too good. keep up the good work sir.
the teaching level is outstanding much better than codewithharry i learned a lot from him as well but comparing react with u u are the best in react u did a great job I need to explore more in this channel u both are doing a great job one day u will also see a million subscribers wishing u all the best
Hello sir , Your series is awesome . I loved it watching daily and learning it and need to complete full series. One request plz make a complete summary video of react js in a very short and simple way which cover everything thing In a simple way. Plz plz 🙏 to recall at end moment. Waiting for your answer sir ☺️.
I made like this. function Add(num1 , num2) { return num1 + num2; } function DisplayCalculation() { return(
Sum of two number is - {Add(3, 4)} Subtract of two number is - {Subtract(10, 5)} Multiply of two number is - {Multiply(4, 3)} Division of two number is - {Division(3, 2)}
Bro in javascript game day2 my error is addeventlistner is not function but you write function keydown but you don't have any error please reply what can ido
I just minimized a code little by following don't repeat your self: CODE: function digits(a, b, callback) { return callback(a, b); } function add(a, b) { return a + b; } function subtract(a, b) { return a - b; } function division(a, b) { return a / b; } Sum of two number is {digits(20,40,add)}
if I don't mention default in my page and export all my data like export { all data in it } and import it with * does it create any issue ..??? plz let me know
Source : /src/Caculator.jsx import React from "react"; let add = (a, b) => { return a + b; }; let sub = (a, b) => { return a - b; }; let mul = (a, b) => { return a * b; }; let div = (a, b) => { return a / b; }; let Calculator = () => { return The addition of two number is : {add(2,3)} The subtraction of two number is : {sub(2,3)} The multiplication of two number is : {mul(2,3)} The division of two number is : {div(2,3).toFixed(2)} ; }; export default Calculator; Source : src/App.js import React from "react"; let add = (a, b) => { return a + b; }; let sub = (a, b) => { return a - b; }; let mul = (a, b) => { return a * b; }; let div = (a, b) => { return a / b; }; let Calculator = () => { return The addition of two number is : {add(2,3)} The subtraction of two number is : {sub(2,3)} The multiplication of two number is : {mul(2,3)} The division of two number is : {div(2,3).toFixed(2)} ; }; export default Calculator; Source : src/index.js import React from 'react'; import ReactDOM from 'react-dom/client'; import './index.css'; import App from './App'; const root = ReactDOM.createRoot(document.getElementById('root')); root.render(
Hi Your video are superb.. just wanted to know did you make a class component video or not.? if not then please add class component video also. and if this is available then please share a link to me
Sir jb ap file name k sath .jsx likhty ho to apki fila pe jo logo ata he vo js ka hota he but jb me file name k sath .js likhta hon to file pe react ka logo ajata he. mjy ye bat boht confuse krti he please guide me.
Component create karte time app "App.js" extension se bhi kar sakte ho.. "App.jsx" zaroori nahi hai.. Kyuki babel under the hood Kam karta hai apna jsx code to JavaScript conversion mei
Bro Aap ny Calc.jsx file ky start ma import Calc from 'react' nahi likha?,baki all .jsx files ky start ma hum ya import kartay hain, yahan keyun nahi keya?
Hlo Sir, Mera 1 sawal thi ki ap har video me index.js file bar bar delete kar k new start karte ho . But agr mujhe wo delete na karna ho (past project) Or new project bhi usi me karna ho to kaise karenge . Plz answer my question... Sir
Hi, Thapa Bhai, mai jab bhi import me path deta hu to file not found ka error aata h, lekin jab file ka extension lagata hu to error thik ho jata h. Help me
Failed to compile ./src/index.js Attempted import error: './App' does not contain a default export (imported as 'App'). Getting this error even after checking the code multiple times, Please help!
Hi Thapa Sir, my all step is worked but only got 1 error of this code "div = div.toFixed(2);" TypeError: div.toFixed is not a function, plz suggest but Thank You so much all videos
sir jesy he ctrl s krty hain tw brackets khud he se adjust hojaty hain aur positioning hojate h code ki yeh kesy hota hai ? mjhe tw khud se krna prta h please help
Write please: Max devlpr limit to use github, gitlab and bitbuckets reps for Free or Max User limit to work together or team. My mind is saying 100 Max. What's your opinion on free for start-up
import React from "react"; function App() { const a = 20; const b = 10; function Sum() { return a + b; } function Sub(a,b) { return a - b; } function Div(a,b) { return a / b; } function Mult(a,b) { return a * b; } return (
Guys, har ek video important hai React Series ka.. Calculator jaisa look nai hai but functionality hai. tho miss na kare. Hope aj ka video pasand aaya hoga..
all done
Great video sir!
yes these videos are very useful. I have doubt i.e. how to take inputs from user and calculate the result ?
@@nainsisaraf3058 You will have to get the user inputs with the help of Form. With the help of DOM APIs, you will get the user input values and then you can perform operations with user inputs....
make instragram clone using react js and firebase
you are the god to me once I gave up programming because I was not understanding javascript but after watching your 16 hours tut I got friendly with it . Now, still, you are with me in my way of programming with react js tut. Now if i ever feel like learning something i just go to your channel and my query got solved. thanks a million thapa dai.
There was a time when he got just 150 ,160 views on his video but still he made such a wonderful content. Amazing brother 🙌🙌🙌
Simplest way to write the above code is this: -
Sum of two Number is {40+4}
Subtractiton of two Number is {40-4}
Multiplication of two Number is {40*4}
Division of two Number is {40 / 4}
Bhai aisi teaching to expensive coachings me bhi nhi padhate..... hats off to u nad ur hard work.. u r truely a life saver bro.... lots of respect....!!
This journey is going awesome... Falling in love with react because of your awesome teaching ❤️ thank you
The way you say "yeah bhut hi jada simple haii" boost my confidence on another level..... thanks alot for videos
Perfect teachning etna deeply kisi bhi youtube channel pr nhi mila mujhe thanks thapa bro..
Thanks sir, U r just awesome as i am a angular developer i thought react was difficult to learn but after watching ur videos i am very much confident about react and ur explanation was too good. keep up the good work sir.
Thanks, I didnt need toi see the video, it took abt 25 mins, but I'm able to do it by myself . 🔥🔥🙂🙂
Enjoying a lot please do more uploads to take this series in the next level ......
your content is awesome.....
the teaching level is outstanding much better than codewithharry i learned a lot from him as well but comparing react with u
u are the best in react u did a great job I need to explore more in this channel
u both are doing a great job one day u will also see a million subscribers wishing u all the best
Yes Sir.. due to Import Export i have learnt some new things..
Afterall I love to message you. We always with You
🎉 i did it thank you so much sir i am learning this course and you have made the code really really enjoyable.
Nys bedeo vro
for the first time i try my own working program im so happy thank you thapa
Welldone Bro... u made such a big effort for us , and its really worth it..........
top class buhut easy sikhaya aapne
Awesome videos you create really❤️
Hello sir ,
Your series is awesome .
I loved it watching daily and learning it and need to complete full series.
One request plz make a complete summary video of react js in a very short and simple way which cover everything thing In a simple way.
Plz plz 🙏
to recall at end moment.
Waiting for your answer sir ☺️.
var A = 50;
var B = 70;
function Cal(){
return(
Sum of two number is:{A+B}
sub of two number is:{A-B}
Div of two number is:{A/B}
Mult of two number is:{A*B}
)
}
Really awesome👍😊 tutorial👨🏫📓
I pass your challenge :-)..amazing videos
Thanku Sir
Your React videos are awesome
Awesome tutorial,
Anirban from Bangladesh.
You are great sir!!!
You are the best sir.Love Bangladesh.
Your intro is really good brother!
Love your content bro keep it up you will shine
Thank you so much. Everything's going good.
Thanks Vinod Ji for your tutiorial only soucre which made me learn react.js
want to learn SVG, Chat and all
Thankyou bro for providing great content . I am thankful to u .
Can you please explain why we created a javascript function not a fat arrow function at 5:45 when we create add function. I am puzzled
Awesome video sir,
Aapne import export bhi sikhaya or akhir actual me use kese kiya ja sakta he vo bhi sikhaya.
Thank you sir
U r great🙏🙏🙏
Yes bro, this is really awesome video, thanks for your efforts
Bhai video regular dala kro or Jo b apse questions puche unka doubt clear krdiya kro thank you dear
love from kolkata, wb, thanks bhai
some youtuber give the extension .js to the component file .. which one is better to give extension and what's the reason js vs .jsx
I made like this.
function Add(num1 , num2)
{
return num1 + num2;
}
function DisplayCalculation()
{
return(
Sum of two number is - {Add(3, 4)}
Subtract of two number is - {Subtract(10, 5)}
Multiply of two number is - {Multiply(4, 3)}
Division of two number is - {Division(3, 2)}
)
}
Bro in javascript game day2 my error is addeventlistner is not function but you write function keydown but you don't have any error please reply what can ido
Very helpful videos sir.
Thapa . JQUERY waly sary kaam React sey ho jaengy ya react mey jQuery use hogi ???
Awesome sir
I just minimized a code little by following don't repeat your self:
CODE:
function digits(a, b, callback) {
return callback(a, b);
}
function add(a, b) {
return a + b;
}
function subtract(a, b) {
return a - b;
}
function division(a, b) {
return a / b;
}
Sum of two number is {digits(20,40,add)}
amazing sir
if I don't mention default in my page and export all my data like export { all data in it } and import it with * does it create any issue ..??? plz let me know
Source : /src/Caculator.jsx
import React from "react";
let add = (a, b) => {
return a + b;
};
let sub = (a, b) => {
return a - b;
};
let mul = (a, b) => {
return a * b;
};
let div = (a, b) => {
return a / b;
};
let Calculator = () => {
return
The addition of two number is : {add(2,3)}
The subtraction of two number is : {sub(2,3)}
The multiplication of two number is : {mul(2,3)}
The division of two number is : {div(2,3).toFixed(2)}
;
};
export default Calculator;
Source : src/App.js
import React from "react";
let add = (a, b) => {
return a + b;
};
let sub = (a, b) => {
return a - b;
};
let mul = (a, b) => {
return a * b;
};
let div = (a, b) => {
return a / b;
};
let Calculator = () => {
return
The addition of two number is : {add(2,3)}
The subtraction of two number is : {sub(2,3)}
The multiplication of two number is : {mul(2,3)}
The division of two number is : {div(2,3).toFixed(2)}
;
};
export default Calculator;
Source : src/index.js
import React from 'react';
import ReactDOM from 'react-dom/client';
import './index.css';
import App from './App';
const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
);
Awesome video sir, but also create a video on dynamic calculator , please please sir
i done this project with my self , Hurrah !!!
Hi Your video are superb.. just wanted to know did you make a class component video or not.? if not then please add class component video also. and if this is available then please share a link to me
Bro Dil se Thanks
too Good bro! thanks...
what if output comes AS NaN for mult and div operation?
what to do for get the correct output?ting
Very nice thanks
Why we use Inline css for react as compare to external????
hi sir kindly lemme know how we can manage when we have to take input from the user?
Sir jb ap file name k sath .jsx likhty ho to apki fila pe jo logo ata he vo js ka hota he but jb me file name k sath .js likhta hon to file pe react ka logo ajata he. mjy ye bat boht confuse krti he please guide me.
last 2 min awesome
Component create karte time app "App.js" extension se bhi kar sakte ho.. "App.jsx" zaroori nahi hai.. Kyuki babel under the hood Kam karta hai apna jsx code to JavaScript conversion mei
Bro Aap ny Calc.jsx file ky start ma import Calc from 'react' nahi likha?,baki all .jsx files ky start ma hum ya import kartay hain, yahan keyun nahi keya?
When we should use let and const ?
awesome
thanks, nice information
Hlo Sir,
Mera 1 sawal thi ki ap har video me index.js file bar bar delete kar k new start karte ho .
But agr mujhe wo delete na karna ho (past project) Or new project bhi usi me karna ho to kaise karenge .
Plz answer my question... Sir
I have done this challenge in first attempt 😎
Hi, Thapa Bhai, mai jab bhi import me path deta hu to file not found ka error aata h, lekin jab file ka extension lagata hu to error thik ho jata h. Help me
Failed to compile
./src/index.js
Attempted import error: './App' does not contain a default export (imported as 'App').
Getting this error even after checking the code multiple times, Please help!
Don't know why i can't use .jsx extention . Is there any solution for me?
is it necessary to declare a variable in operations function. Like I simply wrote like this function add(a,b) { return a+b; }
No. it's fine if you directly return a+b;
thanks bro 👍
Thank you soo much
Hi Thapa Sir, my all step is worked but only got 1 error of this code "div = div.toFixed(2);" TypeError: div.toFixed is not a function, plz suggest but Thank You so much all videos
what is the shortcut of copy paste in multiple lines
function App() {
const Calculate = ({ a, b }) => {
return (
Addition[ {a} + {b} ] is : {a + b}
subtraction [ {a} - {b} ] is : {a - b}
multiplication [ {a} x {b} ] is : {a * b}
division [ {a} / {b} ] is : {(a / b).toFixed(2)}
);
};
return (
);
}
export default App;
Completed #21
sir jesy he ctrl s krty hain tw brackets khud he se adjust hojaty hain aur positioning hojate h code ki yeh kesy hota hai ? mjhe tw khud se krna prta h please help
Yeah plz help regarding this
Write please: Max devlpr limit to use github, gitlab and bitbuckets reps for Free or Max User limit to work together or team. My mind is saying 100 Max. What's your opinion on free for start-up
Hello , how to solve debug error in package. Json file. In terminal desk
Thanks sir..☺️
Hello sir These series is really very apriciable... HTML Tag is not supported by .js file. Can you guide me?
Thank you
And other solution is don't use .js use .jsx
vinot bhai kia app is series k end main ak real world project bhi bnana sikhain ge jese bloging post etc. plzz
The best part is... Boom guys.
vinod sir apki control key work ni kr rhi shyd
what is the difference between .js and .jsx file?
import React from "react";
function App() {
const a = 20;
const b = 10;
function Sum() {
return a + b;
}
function Sub(a,b) {
return a - b;
}
function Div(a,b) {
return a / b;
}
function Mult(a,b) {
return a * b;
}
return (
The value a : 20 And The Value Of B : 10
Sum Of Two number is :{Sum(a,b)}
Sub Of Two number is :{Sub(a,b)}
Div Of Two number is :{Div(a,b)}
Mult Of Two number is :{Mult(a,b)}
{/* Click Me */}
);
}
export default App;
I have done it bro
Thanks sir :)
what is the need of app.js when we have index.js ..Also, please share the video refrence for class omponent
supbbb tuto...
Thanks
Can you please discuss the scenario of using callback in render ?
no
Sir, How to use devnagri nepali font for calculation in javascript
coooooooooool
hello everyone !! I have closed the application but when I re-opened the vs code and run npm start, error msg is coming ... can u help??
bro folder ki location glt dalaa hoga appne
Sir React native pe kb video bnayienge
How can i get the source code used in this video ?
Thank you sir .
multiple class kese import kr sktai please btao.