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