Conditional rendering

With conditional rendering, you can decide when an element is built in a user's browser.

This is extremely powerful because it means that you don't have to load every element on page load by default.

When you use the CSS `display : none` property to hide an element, that element is not displayed on the page but it is still built on page load and visible in the source code.

With conditional rendering, the element is only built when a specific condition is met, and you get to decide what that condition is. 

Learn more on when and how to use conditional rendering in WeWeb.

Start building for free

Sign up now, pay when you're ready to publish.