Octane compile le modèle de programmation React

Présentation d'Octane

Octane est une évolution du modèle de programmation React, compilé à l'avance. Il succède à Inferno et conserve l'objectif de performances en premier. Les hooks, la suspension et les actions de React sont compilés à l'avance, sans utiliser de tableau virtuel DOM ou de règles de hooks.

Fonctionnement d'Octane

Le compilateur d'Octane détermine automatiquement les dépendances des effets, des mémoires et des rappels, ce qui élimine la nécessité de tableaux de dépendances manuellement maintenus. Les composants peuvent être écrits de la même manière qu'en React, avec des hooks, des props et un contexte.

import { useState, useEffect } from 'octane';
export function Counter(props) @{
   const [count, setCount] = useState(0);
   if (!props.paused) {
      useEffect(() => {
         console.log('count is now', count);
      }); // le compilateur infère [count]
   }
   return  setCount(count + 1)}>{'Count: ' + count}
}

Avantages et limites d'Octane

Octane permet une migration incrémentale des applications React existantes, sans nécessiter une réécriture complète. Les composants peuvent être migrés un à un, en conservant leur forme et leur fonctionnement. Cependant, les composants serveurs de React ne sont pas compatibles avec Octane.

Performances et benchmarks

Les performances d'Octane sont comparables à celles de React, sans nécessiter de changements importants dans la façon de penser ou de coder. Les benchmarks montrent que Octane peut suivre le rythme de React sans demander de réorganisation importante de l'application.