IMPORTANT NOTE: defaultProps will be depreciated in React 18.3.0. As an alternative, you can use JavaScript default parameters instead. I swear, web dev changes so rapidly 😂 import Student from './Student.jsx' function App() { return(
); } export default App import PropTypes from 'prop-types'; function Student(props){ return(
@BroCodez !!!! nice to know your not dead :D also, could you do a toutorial for C/C++ windows (kinda like tkinter for python) thx good job on your vids though, helped me a lot. :) super simple and easy to understand otherwise, the perfect combo for beginers
I really cannot express how much of a positive impact you’re having on the world. Your videos helped me immensely, the education is poor in my country and i can make it up alot with your videos
Thanks Bro! You are one of those about whom philosophers have said: "The obvious is something that no one sees until someone expresses it in the simplest way."
The first video I see that explains clearly that props are an OBJECT and defines them with a punctual sentence and not with a vague terms or with comparisons like "parameter of a function" or "pseudo HTML attribute". Thanks, now I understand them better, I'll follow the serie.
Thanks Bro! You are really an awesome teacher, and your way of dividing the topic into small lessons are great! That is very much more practical for people to learn than watching a dozens of hours video!
pls make 10hours tutorial of React.js from Beginner to Expart please and please sir, can't pay for tuitions fee but bro code on TH-cam bring more than Degrees@@BroCodez
over 2 year ago i decided to change careers and learn coding, i started with your python videos, and today im an intern swe (mobile application development), currently learning react-native and still watch you Bro-Code. My programming Kinng 😤🙌 i wanna see more of this new seriesssss!!!
quick question. if we are to import App() in another function as the parent, how can the props be passed from the App() to its new parent since its now a child to that function?
i love this, but i have a question. how would we go about different images for each student? ive tried to figure it out myself but to no avail. thanks!
The proptypes and the defaultprops does not have any color, beside white on my visual studio code what should I do ?, I know it's working but I want color to check if I type wrong or not please help
Hey Bro and other bros, I am following the course along and I am a bit stubborn to use my onw examples. I am have managed to debug 99% of my practice application to this point but I am stuck when it comes to propTypes. I am doing the following Card.propTypes = { img: PropTypes.object, title: PropTypes.string, text: PropTypes.string, stressTester: PropTypes.bool, groupMembers: PropTypes.number, and all is well but I feel when it comes to images PropType should not be Object as I am getting the following error: Warning: Failed App.jsx[random_value]:10 prop type: Invalid prop `img` of type `string` supplied to `Card`, expected `object`. Now I see that app is expecting the string and I set an object. Just want to know is there a prop type for image or I should just go with a string instead? Also Bro BIG thank your for all the knowledge that you are sharing.
IMPORTANT NOTE: defaultProps will be depreciated in React 18.3.0. As an alternative, you can use JavaScript default parameters instead.
I swear, web dev changes so rapidly 😂
import Student from './Student.jsx'
function App() {
return(
);
}
export default App
import PropTypes from 'prop-types';
function Student(props){
return(
Name: {props.name}
Age: {props.age}
Student: {props.isStudent ? "Yes" : "No"}
);
}
Student.propTypes ={
name: PropTypes.string,
age: PropTypes.number,
isStudent: PropTypes.bool,
}
Student.defaultProps = {
name: "Guest",
age: 0,
isStudent: false,
};
export default Student
.student{
font-family: Arial, sans-serif;
font-size: 2em;
padding: 10px;
border: 1px solid hsla(0, 0%, 50%, 0.8);
}
.student p{
margin: 0;
}
No word you man priceless help!
@BroCodez !!!! nice to know your not dead :D also, could you do a toutorial for C/C++ windows (kinda like tkinter for python) thx
good job on your vids though, helped me a lot. :)
super simple and easy to understand otherwise, the perfect combo for beginers
I really cannot express how much of a positive impact you’re having on the world. Your videos helped me immensely, the education is poor in my country and i can make it up alot with your videos
Thanks Bro! You are one of those about whom philosophers have said: "The obvious is something that no one sees until someone expresses it in the simplest way."
You are so good man, keep going.
My whole front end development belongs to you.
Thanks a lot.
Bro, just 12 minutes was enough to perfectly understand this topic. I've watched several videos about it, but this one is just perfect. Thanks a lot!
The first video I see that explains clearly that props are an OBJECT and defines them with a punctual sentence and not with a vague terms or with comparisons like "parameter of a function" or "pseudo HTML attribute".
Thanks, now I understand them better, I'll follow the serie.
blessed to have you as a mentor. A thank you is not enough! Much love ❤
Hey, appreciate you popping in with a great video. Saved it.
Thanks Bro! You are really an awesome teacher, and your way of dividing the topic into small lessons are great! That is very much more practical for people to learn than watching a dozens of hours video!
Excellent overview of PROPS!!! Very clear and concise! Please keep going.
We want more React tutorials from bro
👇
You are an amazing teacher!! No one should teach coding after you!! 👏🏼👏🏼 Thank you for existing!
Omg, best video I've seen about props AND with extra useful informations ! Thanks a lot.
Dear @Broce, I am immensely grateful for an exceptionally didactic class. Even though it was something simple, it made a lot of difference. Thanks
Broo!!! I learned crazy loads of stuff in this 12 mins than I try to learn past 24 hours. Damn good content bro!! Thank you!!
That was a blast.
I saw so many videos and now it feels obvious 😅.
Thank you so much ❤
😭dude idk how u knew I was just learning react but thank you for the videos.
I'm from the future
pls make 10hours tutorial of React.js from Beginner to Expart please and please sir, can't pay for tuitions fee but bro code on TH-cam bring more than Degrees@@BroCodez
you explained in very simple & clear langauge..thanks..loved it 🏴☠
My understanding for programming after watching Bros videos 📈📈📈❤
over 2 year ago i decided to change careers and learn coding, i started with your python videos, and today im an intern swe (mobile application development), currently learning react-native and still watch you Bro-Code. My programming Kinng 😤🙌 i wanna see more of this new seriesssss!!!
hey bro how did you get the job, can help me to know how you did it
Nice sharing
Broooooooooo love you ♥️
God bless you 🙏 ❤️ 🙌 ♥️ 😘 💖
Love you videos , easy to understand and is also easy to repeat with you at the same time .
Que fácil se hace aprender react con BroCode, muchas gracias, excelente trabajo.
please a full React course, even though i'm intermediate in React, your videos are ones i learn the most from
Thanks!
I just finished watching and I learned a lot from this ❤
First tutorial i watched and i understood thoroughly 🔥
This video is so cool...thank you! For explaining so well
This series is awe-inspiring thank you a lot!❤❤❤❤❤❤
I love your videos ❤
Very simple easy to understand
And not to much time taking
Love your vids, focus on essence , easy to understand. Thank you Bro!
Extremely great presentation ❤
Thank you so much for this awesome tutorial
God 🎉 bless you.. This is excellently explained 😊
nice viedo very infornative ✌
Excellent ❤❤❤
❤ very nice explanation sir
Awesome Explanation bro
thanks a ton! u are amazing
pls keep uploading.
Wow, just nice explanation, love it
Nice explanation buddy. Thank You!!!
not gonna start the series until you complete it anyways for the algorithm 🔥🔥🔥
Amazing content, Thank you. God bless
After this pls make a typescript version since typescript is mostly used with popular js frameworks
I mean, I"ve been using TS, you just have to add the right typing, when the IDE screams at you. :D
This was my final code for Student.tsx:
interface StudentProps {
name?: string;
age?: number;
isStudent?: boolean;
}
const Student = ({
name = "Guest",
age = 0,
isStudent = false,
}: StudentProps) => {
return (
Name: {name}
Age: {age}
Student: {isStudent ? "Yes" : "No"}
);
};
export default Student;
nicely explained
sensei waiting for the next video
Wow 😮so easy to understand! Thank you so much ☺️ I just subscribed ❤
Be like bro code
Absolutely legendary BROgramer
Thanks Bro!
I really needed this playlist completed as i need to learn react and you arrived just in time !
Respect ❤
Exquisite 🙌🏾
Thank you soo much i love ur videos
Thanks your tutorial ❤
you are number one bro I love you ❤️
This video helped me. Thanks 👍👍
I checked your account. And its an instant subscribe from my side. Hoping great content from your side.
Thank you bro more react videos
clean and simple , loved it
🌮
Thanks! clear presentation
Nice lesson!😁
thanks a million bro
My suggestion is to also tell why it's necessary to use props and what will happen if we don't use it.
Waiting for it Thanks a lot bro ❤
Please make it bit quick 🙏
easy to understand , thank u
YOUR BACK 🎉🎉🎉🎉
cool video bro!
You never miss
tysm, you really helped me with this topic
Thank you for this!!!
You made it so simplified
When using props for cards
How can I add an image to just one card
Thank you very much Bro ..
props to you Bro
Amazing 👏
'props' to you for making this video lol
I loled at that one
really best explanation of this topic
@BroCodez is the best
Thank you!
👑
Perfect
Love u brooo❤
so great
Thanks Bro!
Can you do nodejs tutorial 😆 Your videos its easy to understand
Thank you bro
TY ❤
I just subscribed
Are you making a longer react tutorial slated to release in 2024?😊
sensei
quick question. if we are to import App() in another function as the parent, how can the props be passed from the App() to its new parent since its now a child to that function?
Can you do a video with a full course of Visual BASIC Programming language??
Bro you have to finish the Playlist in less than 3 months I'm doing my final computer science proj using React and I need your explanation ❤
i love this, but i have a question. how would we go about different images for each student? ive tried to figure it out myself but to no avail. thanks!
Kindly, make a complete video on React Js and React Native (Including User Login Authention from Mysqli database).
Hey with default Props being depcirated soon, what is the alternative?
bro, pls make a full course on android mobile application programming, maybe with Java or Kotlin. Thank you for your courses!
The proptypes and the defaultprops does not have any color, beside white on my visual studio code what should I do ?, I know it's working but I want color to check if I type wrong or not please help
Live it
hoooks bro
Well in fact, spongebob is in his mid-20s.
there is no need of import defaultProps in the Students.jsx file?
Hey Bro and other bros,
I am following the course along and I am a bit stubborn to use my onw examples. I am have managed to debug 99% of my practice application to this point but I am stuck when it comes to propTypes. I am doing the following
Card.propTypes = {
img: PropTypes.object,
title: PropTypes.string,
text: PropTypes.string,
stressTester: PropTypes.bool,
groupMembers: PropTypes.number,
and all is well but I feel when it comes to images PropType should not be Object as I am getting the following error:
Warning: Failed App.jsx[random_value]:10
prop type: Invalid prop `img` of type `string` supplied to `Card`, expected `object`.
Now I see that app is expecting the string and I set an object. Just want to know is there a prop type for image or I should just go with a string instead?
Also Bro BIG thank your for all the knowledge that you are sharing.
Thanks
❤❤
perfect ;P