/ septiembre 14, 2017/ JavaScript

He estado leyendo sobre React y nunca hace daño aprender algo nuevo, para mí la mejor forma de aprender es creando algo así que comencé a crear un sitio para enseñar español. Ya tenía material cuando realicé la versión usando Storyline y reusando ese material comencé mi camino creando la versión en React.

Si desean ver lo que tengo hasta ahora, pueden visitar este enlace: http://neurologist-hare-40466.netlify.com

Bueno, no es mucho pero crecerá.

Si eres nuevo con React, sugiero que vayan a codecademy.com y tomen los cursos Learn ReactJS: Part I and Learn ReactJS: Part II

Para enfocarme en programar en React y no como configurar el ambiente he usado el create-react-app. Sugiero
el React Crash Course for Beginners series por David Gwyer en tutsplus, te guiará para crear una aplicación simple en React usando el create-react-app.

Ya con lo anterior como base, comencé a programar. Cómo he usado Bootstrap para maquetar quería usarlo, puedes instalar reactstrap que provee de componentes para React de Bootstrap V4, el sitio te explica cómo instalarlo y cómo usar los componentes. No he modificado el tema original ya que requiere algo de trabajo y lo haré después.

Ahora hace falta como navegar, bueno es otra cosa que necesitas agregar a tu proyecto. Echa un ojo a este tutorial A Simple React Router v4 Tutorial

Puedo navegar y mi sitio se ve bien, ahora animaciones. Me encanta GSAP por lo que me puse a investigar si lo podía usar, me alegró saber que sí, esta es una gran presentación sobre animar en React:Animating in React by SARAH DRASNER

Para ver el código visiten mi github.

Latest Posts