/ September 14, 2017/ JavaScript

I’ve been reading about React and it never hurt to learn something new, for me the best way to learn is by building something so I started by making a site that teach Spanish. I already had material for the version I built using Storyline and reusing that I started this road creating a React version.

If you want to see what I have so far, please visit this link: http://neurologist-hare-40466.netlify.com

Ok, not much don’t worry it would grow.

If you’re new to React I suggest go to codecademy.com and take Learn ReactJS: Part I and Learn ReactJS: Part II

After that to focus how to program in React and not how to setup the environment I use the create-react-app. I suggest the React Crash Course for Beginners series by David Gwyer on tutsplus, it will guide you to create a simple React app using the create-react-app.

That as a base I started to program.  I have worked with Bootstrap before and I wanted to use it, well there is reactstrap that provides Bootstrap 4 components, the site explains how to install and how to use the components. I haven’t modify the original theme since it takes a little bit more work, I will do it later.

Now I need to navigate through my React site, well that is another thing you need to add a project that handles routing, take a look to this tutorial A Simple React Router v4 Tutorial.

Well, I can navigate, and my site  looks decent, now animations, I’m big fan of GSAP I started to dig in If I could use, I’m glad I can, this is a great presentation about Animating in React by SARAH DRASNER

If you want to see the code just go to my github and feel free to explore.

Latest Posts

Happy Easter! Animated card

Happy Easter everyone! Here it is a short animation to wish Happy Easter. The basket and eggs were made using Blender. Feel free to share it.

Share this Post