Gean
Marroquin

Gean Marroquin

Enero 2017

¿Cual es la mejor manera de aprender algo? poniendolo en practica, es por eso que me propuse a crear algo que me permitiera demostrar mis habilidades y a la vez practicar lo aprendido. Entre las cosas que queria demostrar:

Reto

Crear mi sitio personal, sin un servidor para poder subirlo a GH Pages, y permitirme tener contenido dinamico (portafolio, blog) .

Solución

Despues de investigar, y habiendome inspirado de proyectos que ya lograban lo que me proponia:

Llege a la conclusion que las mejores herramientas para este trabajo eran Webpack con React o VueJS, asi que realize demos con ambos frameworks para elegir cual era el mas conveniente:

Me decidi por React porque no tenia un proyecto que mostrar con el, el diseño lo encontre en Up Labs.

Con todo en orden, comenze por maquetar el diseño, luego cree las pruebas y los componentes; añadí la configuracion necesaria para pre renderizar (con static-site-generator-webpack-plugin) las rutas de mi aplicacion, una vez que todo funcionaba añadi redux y refactorize, y refactorize y ...ahora me encuentro añadiendo trabajos a mi portafolio y pronto articulos.

Tecnologías destacadas:

Workflow:

Logros:

  • Crear loaders propios en Webpack.
  • Optimistic updates.
  • El sitio no necesita cargar los scripts para que puedas navegar por el, gracias a que todas las paginas son generadas por Webpack y React.