|
|
[TOC](./../../..)
|
|
|
|
|
# WP React
|
|
# WP React
|
|
|
|
|
|
|
|
_Solució per injectar components de React al DOM generat per WordPress sense necessitat d'incrustació via `<iframe />`_.
|
|
_Solució per injectar components de React al DOM generat per WordPress sense necessitat d'incrustació via `<iframe />`_.
|
| ... | @@ -123,7 +122,9 @@ const root = ReactDOM.createRoot(document.querySelector("#root")); |
... | @@ -123,7 +122,9 @@ const root = ReactDOM.createRoot(document.querySelector("#root")); |
|
|
root.render(<App />);
|
|
root.render(<App />);
|
|
|
```
|
|
```
|
|
|
|
|
|
|
|
#### CJS vs ESM
|
|
Seguint aquesta estratègia i via variables d'entorn podem generar variants de l'arbre de components de React que ens permetin disposar de múltiples paquets distribuibles. Per a resoldre de forma òptima la importació condicional de mòduls fem ús de les APIs de CJS, menys restrictives i que ens permet fer importacions sense la necessitat de ser declarades com a constants a l'inici del nostre codi.
|
|
|
|
|
|
|
|
> **CJS vs ESM**<br/>[CJS](https://nodejs.org/api/modules.html#modules-commonjs-modules), o CommonJS, és el sistema de mòduls propi de node.js. [ESM](https://tc39.es/ecma262/#sec-modules), o ECMAScript Module, és el sistema de mòduls definit per l'especificiació oficial de JavaScript. CJS és anterior a ESM i apareix en el context de node.js per resoldre la necessitat de treballar en un entorn de terminal amb javascript. ESM neix amb una evolució de les especificacions d'ECMAScript per resoldre la necessitat d'incloure un sistema de mòduls definit de forma estàndard per a tots els entorns de JavaScript.
|
|
|
|
|
|
|
|
### React Router
|
|
### React Router
|
|
|
|
|
|
| ... | |
... | |
| ... | | ... | |