Expose ReactN

2021-06-28

• No need to manage global values yourself, let ReactN do it for you.
• Only the interface for reading and writing values needs to be exposed.

Previous Discussions - Add a new property to the window with TypeScript - Considerations on how to expose objects

ts

import { getGlobal, setGlobal } from "reactn";
 
const movidea = {
  setGlobal,
  getGlobal,
};
 
const debug = {};
 
declare global {
  interface Window {
    debug: any;
    movidea: typeof movidea;
  }
}
 
export const initializeGlobalVariables = () => {
  window.movidea = movidea;
  window.debug = debug;
};

---

This page is auto-translated from /nishio/ReactNを露出する using DeepL. If you looks something interesting but the auto-translated English is not good enough to understand it, feel free to let me know at @nishio_en. I’m very happy to spread my thought to non-Japanese readers.