Divi’s Visual Builder is a front-end application built on the React Javascript library, and today we are updating that foundation to latest version, React 16. With this comes inherent performance improvements along with new tools that allow us to build an even better, and faster, piece of software. It also means that our entire tech stack can be updated, allowing us to leverage similar improvements from the community.

The better, faster Visual Builder powered by React 16 is available today, so download Divi and take it for a spin. Let us know what you think in the comments and don’t forget to check back next week for even more great Divi updates coming your way.

This is a math-heavy code block. oh wait what = means assignment not equals… crazy

const iterations = 50;
const multiplier = 1000000000;

function calculatePrimes(iterations, multiplier) {
  var primes = [];
  for (var i = 0; i < iterations; i++) {
    var candidate = i * (multiplier * Math.random());
    var isPrime = true;
    for (var c = 2; c <= Math.sqrt(candidate); ++c) {
      if (candidate % c === 0) {
          // not prime
          isPrime = false;
          break;
       }
    }
    if (isPrime) {
      primes.push(candidate);
    }
  }
  return primes;
}

function doPointlessComputationsWithBlocking() {
  var primes = calculatePrimes(iterations, multiplier);
  pointlessComputationsButton.disabled = false;
  console.log(primes);
}

Divi’s Visual Builder is a front-end application built on the React Javascript library, and today we are updating that foundation to latest version, React 16. With this comes inherent performance improvements along with new tools that allow us to build an even better, and faster, piece of software. It also means that our entire tech stack can be updated, allowing us to leverage similar improvements from the community.

The better, faster Visual Builder powered by React 16 is available today, so download Divi and take it for a spin. Let us know what you think in the comments and don’t forget to check back next week for even more great Divi updates coming your way.

This is a code box with random JS.

const Box = require("./box");

const first = xs => xs[0];

const halfTheFirstLargeNumber = xs => {
  const found = xs.filter(x => x >= 20);
  const answer = first(found) / 2;
  return `The answer is ${answer}`;
};

const res = halfTheFirstLargeNumber([1, 4, 50]);
console.log(res);