In this video we go over:

  • 0:00 - What is conditional rendering?
  • 1:00 - Some basic examples from React’s documentation (https://reactjs.org/docs/conditional-rendering.html)
  • 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

Code Sandbox link: https://codesandbox.io/s/wild-lake-yr3iz?file=/src/App.js

#react #javascript #web-development #programming #developer

Learn React: Conditional Rendering (&& and Ternary)
3.50 GEEK