Learn React #7: Conditional Rendering (&& and Ternary)

In this video we go over:
0:00 - What is conditional rendering?
2:00 - The logical && operator in Javascript & React
3:25 - Our own example application with the && logical operator
5:25 - Example with .length
6:45 - Quiz
7:35 - Chaining a second logical && operator in a single check in React JSX
9:10 - Using the && Operator for variables as well
10:25 - Ternary Operator in React and JSX
12:45 - Complex example with Ternary and state variables

Follow me on Social Media:

[ericmomoh]

I like the way you call the &&. You really amplify it for what it does on the right side

[samoramabuya]

Thanks Anthony. I didn't even have to watch the whole thing for my problem. Just needed a specific part and it did it for me.

[TwistedFate]

After the series I'll be making my own project and it will all because of this guy's good content.

[xabb]

Thanks so much - it's nice to have short tutorials without having to search in long ones or the docs!

[shembrooklyne]

From Angular to React. This is amongest the best tutorials I've ever seen. You make it look so easy! Thank you Anthony

[girishpandey]

This is the best that i have never ever got such good materials specially in react conditional rendering.

[shab]

thx for putting the effort in to show how conditional rendering is working, it's a abstract concept and sometimes hard to get for everybody and you are doing a good job explaining it!

[abhisheksharma]

Your way of explaining things is awesome, u makes everything very simple

[farrellfileas]

I really thought this page had hundreds of thousands of subscribers. Wish this video series was available when I was first struggling with React. Amazing job

[tamarapreyemichael]

Just watched this. The video is so easy to understand. Thanks Anthony

[wayra.sabrina]

Very useful Anthony! Thanks a lot. I just move into a new job and all the code base is wrtihe using this type of conditional rendering. You just save me losts of time in overthinking! All the best!

[mjriyanto]

Your video deserves more viewer. Keep going!

[justinphilip]

Channel is so underrated content is quality and you have an awesome voice, my dude.

[anonysmooth]

best tutorial so far, I like the way he teach, very detailed and awesome example
this man deserve a million subscriber!
thank you for sharing your knowledge!

[simple]

You are greet man, finally some updated content came from the video, Thanks man

[SuperNva]

Great video! Tried to learn this from other sources, but this explained it some much better. Thanks a lot!

[martonszecsenyi]

Best react tutorial I've seen, thank you, it helps very much! and by this, I mean all of this series

[dandoescode]

Another great video. In the past I have found it confusing that the react docs demo a different conditional techniques from what most people seem to actually use. Thanks for specifically pointing out the best practice examples. :-)

[yaniquedickson]

I appreciate this series. Keep up the good work you're doing

[danielcranney]

Another great tutorial Anthony. I had hoped for a little more on useState after watching one of the early videos, so it's great to see you revisit it in this video in a real-world context. Great content!