Raji Demo

This example shows the difference between blocking parsing (with JSON.parse) versus async parsing using Raji.

Blocking parse

To understand the difference, first click on "Run with JSON.parse (blocking)", then move your mouse around the red squares at the bottom or try to interact with the input field below.

As you can see, the page becomes unresponsive while the big JSON is being parsed.

Async parse

Now try clicking on "Run with raji.parse (async)", then moving your mouse around the red squares at the bottom or interacting with the input field below.

As you can see, the page remains responsive, because Raji split the parsing work over multiple frames.

Move your mouse or click these squares to interact with the page.