Skip to content

josejaviersanahuja/tutorials

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Tutorial No es un blog. Es una App de apuntes.

La mejor forma de aprender contenido nuevo, al menos me funciona a mi, es intentar duplicar el contenido como si de una clase o explicación se tratase. Es muy probable, que mucho del contenido que aquí expongo, tenga errores conceptuales, pero los códigos funcionan y son duplicables. Eso significa que con la práctica, los problemas conceptuales desaparecerán con el tiempo.


" Intentar explicar es una de las mejores formas de aprender"

Esta APP ya está deployada y activa. Puedes ver la página aquí

Quiero invitarte a que tomes apuntes en esta APP y me solicites un PULL REQUETS

Intentaré guiarte cómo trabajar con esta APP

Instalación

Esta es la típica app creada con npx create-react-app my-app por tanto, hay que seguir las instrucciones básicas de instalación.

Requisitos: NODE JS y conocimientos básicos, MUY básicos de REACT y GIT


  1. Clonas el proyecto
  2. Abres la consola en la root del proyecto
  3. npm i // Para instalar las dependencias
  4. npm start // Para ejecutar la App en modo desarrollo
  5. Ahora abre el navegador, y tu editor de texto y ya puedes aportar a este proyecto.

¿Cómo agregar nuevos menús y/o submenús?

Mejor ilustramos los componentes que debes tocar para añadirlos.

    Los componentes que están en la carpeta componentes.
  1. Añadir en el componente un nuevo Menu ó Submenú. fotoMenu
  2. Si deseas crear un tutorial nuevo, revisa la carpeta pages y si sigue su formato, y estudia a fondo el index.js de cualquier página. Crea tu carpeta nueva, y tu index nuevo. Si solo deseas añadir un submenú (un tema que encaje bien en algún tema principal descrito en el menú) entonces, asegurate de colocarlo dentro de la función Child dentro del index.js de la carpeta asociada al menú. foto-submenu
  3. Añade en App.js la nueva ruta, si es que has añadido un nuevo temario o menú completo.
  4. Para crear el contenido de cada subtema, estudia el componente DetallesSubtema.js y sigue su formato para que no se rompan los estilos. Deberás crear un archivo de la siguiente forma. foto-subtema
  5. Solicita PR cuando quieras. ¿Qué sacas de todo esto? El proyecto está deployado y podrás consultar tus apuntes desde el móvil o PC.
  6. Gracias de antemano si decides colaborar.

About

creacion desde los tutoriales donde he aprendido

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages