New Beginnings


Begin to Code

Hooks - making a timer, lifecycle methods

Timers need access to lifecycle methods: constructor(), componentDidMount(), componentWillUnmount(), render()


React - creating a timer

This will be a basic guide, a crash course for the basic timer in React. Timer can only be used inside of class Components and require the use of component lifecycle methods: componentDidMount() & componentWillUnmount().


Where’s That Video? OOJS

Ever wish you could organize videos by category and have them all embedded on one page? Well my application does just that. Simply fill out the form, add the embed code, create or choose an existing category, press “submit” and voila. No need to wait for a page refresh. The Object Oriented JavaScript is able to send and receive information to and from our backend Rails API server based on how the user interacts with the web application through JavaScript object event listeners.


Rails: rendering partial collections replace iteration

To review, if we had this type of logic in our view


Sinatra Application Building & Protecting

Sinatra has allowed me to create an application with a Domain Specific Language(DSL) using Models, Views, and Controllers(MVC). Basically, you can play with the application in the browser.

What my app does

The application is called the Hobby Gear App

It’s an app where users can log in/out, create, read, update and delete hobbies that will associate to the user and items that will belong to a specific hobby. All of these model objects will be stored in a database using Active Record.