ReactJS Course [3] - Ternary Operators, Lists in React, Css in React

React bug maybe? Had a problem where no names was displaying when using "user" as the parameter ,only the ages were displaying. Changed "user " in the map section to "item" and started working

hey pedro, very much thanks for the videos. I like your format and much easier to digest than other teachers. With that being said, I have a question in this episode:
{{ color: isGreen ? "green" : "red" }}....
How does JS know that "green" string is the green color? Is it already a defined variable in JS? Thanks

Thank u so much...
Much love

I struggled a bit at the start, took almost 3 days, but now got through it! And I've to say, your teaching is amazing!

I love your teaching Pedro, you are the best of all ,you are so precise in your explanation

thanks sir for this course I learn a lot from you

nice pedro 😊😊👌👌👌👌👌👌

Pedro, your videos are amazing. I'm looking for a good tutorial/course on React to recommend to some friends who are learning javascript and after watching your videos I will 100% recommend your channel! I wish I had seen this video 1 year ago when I started with React. I wish you all the best,

Awesome videos man, thanks a lot ❤❤❤❤❤❤❤❤

This was well explained. The exercise you give at the end of every video is truly helpful

Awesome videos, pedro. Thank you. quick question when you said we could use TERNARY operator why didn't we then use {planet.isGasPlanet} =true? { planet.isGasPlanet} : {planet.name};

const planets = [
{ name: 'Mars', isGasPlant: false },
{ name: 'Earth', isGasPlant: false },
{ name: 'Jupiter', isGasPlant: true },
{ name: 'Venus', isGasPlant: false },
{ name: 'Nepyune', isGasPlant: true },
{ name: 'Uranus', isGasPlant: true },
]

Pedro are you Brasilian???

return (
<div>
{planets.map((planet, key)=> {
if (planet.isGasPlanet) return <h1>{planet.name}</h1>;
})}
</div>
);

it's not working in my own code for the exercise

I thought the && was used for an 'and' in an if statement, and will only execute if both conditions are true? Like "if 1+1=2 && 2+2=4" do this....

I cant find much information on how this is used with just one condition as show in in this video planet.isGasPlanet &&

if I want to conditionally render user whose age is above for eg 21, how will we do that ? can somebody please tell me ?

Thanks you so much Pedro!

const planets = [
{ name: "Mars", isGasPlanet: false },
{ name: "Earth", isGasPlanet: false },
{ name: "Jupiter", isGasPlanet: true },
{ name: "Venus", isGasPlanet: false },
{ name: "Neptune", isGasPlanet: true },
{ name: "Uranus", isGasPlanet: true },
];

Why do these variable names sound like kids from stranger things

This course is very precise and straight to the point, easy to understand. Good job man

i see that components it replacing 1,000 lines of code with 1,000 file of code

Thanks for the videos , how to pass key values while we export component using props

Amazing many thanks

Just......thanks !

just dont put the key attribute in your anonymous function for the same functionality. Otherwise prepending it with `_` is also fine. Therefore (name) => {return xyz} or (name,_key) => {return xyz} are both valid code which wont give any errors and are cleaner than adding useless html attribute too.

in [eslint]
src\App.js
Parsing error: Invalid parenthesized assignment pattern.

what is this error

hi Pedro amazing series . one issue i have is that react autocomplete is not working for my .js file like style or color .is there any solution for that . thanks again for this series .

Thanks you from your work

Yesterday I found u through ur react hooks tutorial and found this playlist. Omg bro ur gold

Very easy explanation, and it's a great way to deliver the message. Keep going, Pedro's

I enjoy to much your classes, I don´t have the knowlege to express in the proper way(in english) how I enjoy the way you teach, but I love the acurecy of the coments and the content and presentation of each task... thank you.

You are Champ Man.. Keep going.. You are really doin good bro..

super explanation by breaking into parts

Keep it up man!!

I believe the video length is great. Thanks for the content.

Done! thanks a lot sir<3. Much appriciated!

You are doing great on these videos! Really am learning alot! Thanks!

Stranger things character 😁

I tried the import and use method for planets array as well. It worked but is it a good practice

What did you do to learn react?

Thank you Pedro for making my react journey a smooth one. It might interest you to know you're my mentor. Thanks for doing what you're doing .

Hey man thanks for the course, my code works fine but console has these errors React errors, 24 of them how can i remove them?

Thank you bro for the Course ❤

The exercises at the end of the videos standout for me. For someone like me who watch all through, it ensures i get to practice what i learned.. Nice work

can anyone please explain why we didn't use function with props in Planets exercise? can we not use conditionals statements within Planets element if used with props : return <Planets name={planet.name} color={planet. Color} /> like this? in this statement somehow fit ternary operator.
Help me out guys cant figure when to use props and when not to.

in my oppinion this playlist is standalone enough to be production-ready reactJS developer, very very good composition, thank you

Hi Pedro! thanks for the video ! my answer was like this

return (
<div className="App">
{planets.map((planet,key) => {
return <Planet name={planet.isGasPlanet && <div>{planet.name}</div>}/>;
})}
</div>
);

did i overdo it ? was it a good way of using components ?

❤️❤️❤️