isProduction

Overview

This utility is designed to help determine whether the application is running in production mode (e.g., a game environment) or development mode (e.g., a browser environment). It provides a simple function that serves as an alternative to repeatedly checking process.env.NODE_ENV === 'production'.

By using this utility, developers can streamline their code and avoid redundant checks, ensuring a cleaner and more maintainable codebase. It is especially useful in distinguishing between different execution environments for various configurations or logging purposes.

Usage

Importing the Utility

import { isProduction } from "@yankes/fivem-react/utils";

Example

In Game

import { useState } from "react"; 
import { isProduction } from "@yankes/fivem-react/utils";

export const MyComponent = () => {
    const [playerName, setPlayerName] = useState<string | null>("john.doe");

    return (
        <div>
            {isProduction() && playerName ? `Hi, ${playerName}!` : "You can see this content only in in game!"} // Hi, john.doe!        
        </div>
    )
}

In Browser

import { useState } from "react"; 
import { isProduction } from "@yankes/fivem-react/utils";

export const MyComponent = () => {
    const [playerName, setPlayerName] = useState<string | null>("john.doe");

    return (
        <div>
            {isProduction() && playerName ? `Hi, ${playerName}!` : "You can see this content only in in game!"} // You can see this content only in in game!        
        </div>
    )
}