Who doesn’t love a nice live/instant search feature? They save the user the hassle of typing out the full query and they can be especially useful when trying to find something in a list that has already been populated.
In this article, we will set up a live search for our friends list so that the user can find a specific friend more easily.
Oftentimes, we want to alter what we show to the user based on a condition. Let’s say we want to change the content of a card when the user clicks a button. There are several ways to accomplish this, but in this example, we will be taking a look at the logical AND operator.
In an anchor tag, we use the rel attribute to define the relationship between the current document and a linked resource. When opening the linked resource in a new tab or window (target=”_blank”), we use the rel attribute with the values noopener and/or noreferrer. So, why is this important and why would we choose one over the other… or both?
There are lots of reasons you may want a component to re-render, but not nearly as many ways to accomplish this. React is pretty strict when it comes to triggering a re-render. I have touched on the reasons why mutating state directly is a big “no-no” in the React world, and this is a big part of it.
So, you want to save an altered image for later use. Let’s say you want to allow the user to upload a photo, crop it, and save that cropped image as their avatar. Here I am going to go over one solution that I have found for getting the altered image information from React to Rails and attaching that information to the user via ActiveStorage. I will not be covering how to upload a photo, crop it, or how to set up ActiveStorage. For that information, I recommend that you check out the links below.
If you are using class components in React, it is likely that you want access to state. There are ways to use state in functional components using hooks, but here we are going to take a closer look at the setState function in class components.
2020 was nuts, am I right? So glad to have that one behind us. I am aware that just because the clock struck midnight on December 31st and 2020 became 2021, that does not necessarily mean that everything is going to magically change, but I am hopeful.
2020 took a lot out of all of us. It made us rethink… well, everything… but I bet if you look back on the year, you will see some good in there as well. For me personally, I bought my first house, a beautiful cabin up in the North Georgia mountains, I decided…
I am in my final week of the software engineering course at Flatiron school, and it’s time to start thinking about what comes after. It’s no secret that the field that I have chosen can be very competitive and it is important to leave your mark when presenting yourself to potential employers. So, for my final project here at Flatiron, I have decided to create an interactive portfolio page. It will not only grab the attention of the viewer, but also provide and easy and organized way of keeping track of the contacts made from the site.
Well, there is good news on the COVID front. There will soon be a vaccine available to the public, and with that, life will likely start to resemble what it was before the pandemic. Meeting up in person will be back in and trying to hang out with your friends and loved ones over awkward zoom meetings will be out. Enter katchups… katchups is an application that makes it easier than ever to pick a place to have a meal or some drinks. Whether you want to get together with a friend over a couple of drinks to katchup… see…
I recently found out that I will be venturing into a previously unknown territory called fatherhood in the near future. With this exciting news comes a whole slew of new items to add to my ever growing to-do list. Not least important, choosing an… appropriate and socially acceptable… name for the little guy/girl… I don’t think Odin would fly with the misses… Seeing as I am about halfway through the software engineering course at Flatiron, and it just so happens to be time for another project, I figured I would take this opportunity to shorten that to-do list by one.