# Conditional rendering in ReactJS

Conditional rendering is a term to describe the ability to render different user interface (UI) markup if a condition is true or false.
Example :

```
{courseGoals.length > 0
 && 
( <CourseGoalList   items={courseGoals} />) }
```
if the first condition is true , the second element is rendered automatically , but if the 1st condition is false nothing is rendered , So (true && something)  return " something "
 but 
( false && something) return nothing .