🧑🏻‍💻 Written by Riccardo Genova
ReactJSNaming Conventions

Naming Convention

Per facilitare lo sviluppo del codice, è fondamentale seguire le linee guida definite per la naming convention. L’obiettivo è aiutare gli sviluppatori a trovare rapidamente componenti, funzioni ed elementi all’interno del codice. Questo è reso possibile dai suggerimenti di import forniti dall’editor, che risultano più efficaci quando si segue la naming convention.

Componenti e funzioni

  • I componenti di pagina devono iniziare con Page... (es. PageHome).
  • Le funzioni di utilitĂ  devono iniziare con utility... (es. utilityFormattedDate).
  • Gli slice di Redux devono iniziare con slice... (es. sliceUser).
  • I selettori di Redux devono iniziare con selector... (es. selectorUserData).
  • Per le variabili di tipo funzione, usare i prefissi handle, on o toggle (es. handleButton, onInputChange, toggleVisibilityMenu).
  • Il nome di un componente o di una classe deve iniziare con una lettera maiuscola.

Variabili

I nomi delle variabili devono essere in inglese e scritti in camelCase. Non utilizzare underscore (_).

Per le variabili di tipo boolean, usare i prefissi is o has (es. isProfileComplete, hasToken).