Saltar al contenido

Nombrar las mejores prácticas para los componentes y funciones de React, incluidos los nombres de archivo

Solución:

Creo que esa no sería la mejor práctica. El nombre del archivo debe ser el mismo que el del componente React y debe escribirse en PascalCase.

Por ejemplo: Navigation.jsx exportaciones Navigation

Más información sobre las convenciones de nomenclatura:

  • Hackernoon en Medium
  • Pregunta de Stackoverflow

Prima: Estructurar archivos y carpetas en un proyecto de React:

  • ¡Yay, Hackernoon otra vez!

  • Publicación de Alexis Mangin

  • Probablemente no necesite leer esto si no usa redux, pero tiene una buena comparación entre función-primero y característica primero técnicas de agrupación. La publicación de Alex Moldovan

Editar: Desde el sitio web oficial de nextjs

Next.js servirá cada archivo en /pages bajo una ruta que coincida con el nombre del archivo.

Por ejemplo, /pages/about.js se sirve en site.com/about.

Por lo tanto, en el caso de Nextjs, querían separar los archivos de página y de componentes, ya que los archivos de página se utilizan para el enrutamiento.

Creo que es lo mismo que todos los marcos de JavaScript, eso debería ser

  • Los componentes de presentación y contenedor se guardan en src / components Agrupe los componentes por módulo / función.
  • Mantenga los componentes genéricos dentro de src / components / UI Mantenga las pantallas simples, con una estructura y código mínimos.
  • Elementos de la lista Agrupar pantallas de acuerdo con la definición de ruta. Para una ruta / usuario / lista tendríamos una pantalla ubicada en /src/screens/User/List.jsx.

algo como esto Finalmente, nuestra aplicación estaría estructurada así

aquí hay un recurso valioso para tomar como referencia


¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)


Tags : /

Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *