Leggere il numero di versione in React dal package.json

Ci sono vari motivi per cui ci può essere bisogno di leggere il numero di versione in un'applicazione.

In questo articolo vediamo come fare questa cosa in React; lo leggeremo direttamente dal package.json.

Potremmo anche metterlo dentro ad un file di configurazione a parte, ma ciò vorrebbe dire cambiarlo in più posti; io preferisco così.

La cosa è molto semplice; vi posto direttamente il mio footer:

import React, {useContext} from 'react';
import {classNames} from 'primereact/utils';
import {RTLContext} from './App';
import packageJson from '../package.json';

const AppFooter = (props: any) => {
    const isRTL = useContext(RTLContext);

    return (
        <div className="layout-footer flex align-items-center p-4 shadow-2">
            <span className={classNames( {'ml-auto mr-2': !isRTL, 'ml-2 mr-auto': isRTL})}>
                {packageJson.version}
            </span>
        </div>
    );
};

export default AppFooter;

Enjoy!