Now that we have an introduction to functional components, let’s find out how to pass props from one component to another. First of all, “props” is short for “properties,” and it is the same as attributes. It is simpler with an example. My son just started reading Harry Potter and…

What is MVC and why do we even need it? If you are getting ready to build your first application using Ruby on Rails, you are becoming familiar with the MVC framework. MVC stands for model-view-controller. According to the MDN Documentation, “MVC (Model-View-Controller) is a pattern in software design commonly used to implement user interfaces, data, and controlling logic.” It…

So our ReactJS application is coming along smoothly. No hiccups at all. No late night troubleshooting sessions ending in the discovery of a missing comma. All is well. Let’s look at a quick way to implement a navigation bar (navbar). First, what is a navbar and what does it do…

If you are a React/JSX newbie like me and the syntax scenery is changing so fast your head is spinning, let’s slow down and zoom in on one concept: components. …

Now that we are finally ready to fumble around with React-Redux, let’s try to create and render an index of a collection of data. It all begins with our back end Rails (or other) API. …

Forms are an important way to allow users to add information to a growing website. A few integral parts will create a functional form for your starter app. Once you have set up your back end (mine is a Rails API) and are working to create your React-Redux JSX front…

Asynchronous JavaScript In programming languages, functions can run synchronously or asynchronously. Operations in synchronous programming are run one at a time in a specified order. In asynchronous programming, multiple operations can run at the same time. For example, when websites load, HTML and CSS code load first while Javascript operations process, which…

If you are creating a JS application with a has_many relationship that you are struggling to utilize minimally (and the project deadline is fast approaching), a quick way to do so is to associate objects from one class with the other through a form on the front end and an…

A Rails App Polyglot is an app conceived to facilitate language instructors and students in different parts of the world to connect and coordinate lessons. Backstory time Sinatra was a waiting game for Ruby. We were learning about what was under the hood until we got to the magic of…