Welcome back to the course. In this video, we're going to test out the action and reducer we made in the last video, and we'll also be adding in the logic to pass our active and inactive states to our boxes.
Welcome back to the course. The last video we finished building our request boxes and we have them functional. In this video, we're going to start building out the requests item component.
In this video, we're going to be building out a component to that will let us add icons from Font Awesome into our application.
Welcome back. Let's continue building out our request item grid and component.
Welcome back to the course. In this video, we're going to build out a grid for our request items that we just built out JSX for. So it should be really quick and easy.
So we want to do in this video is basically just align all of our items on our grid, instead of letting them kind of choose where they want to go.
Welcome back to the course. In this video, what we're going to do is take all the styles and apply them to this.
Let's go ahead and fix up some of our design problems here. We've got some grid problems in here, things are spaced a little wrong, and the arrow is all the way over here. Let's fix that.
This is our design and this is our grid. Now one thing I want to do is reduce the size of this icon and give it a little bit more space in between these, and then let's make the drop-down in this video.
Welcome back to the course. In this video, what we're going to do is basically finish off the animation-height here by adding in a couple of styles.
Hi, and welcome back to the course. If you add to the requests tab, what you'll see is that these are way too big. Our Animate-Height works, but these are way too big.
Welcome back to the course. In this video, what we're going to do is use this $color-gray-F8 color so when we hover on this item, we can show that as the background-color.
Welcome back to the course. We've got our entire grid and CSS built out for the requests which is the majority, like 90%, of what we're doing here.
Welcome back to the course. Now that we have an overview of what we're trying to do with our server, hooking the back-end up to the requests on the front-end, we're going to develop the NewRequest feature.
Welcome back to the course. In this video, we need to refactor our newsletterNewForm to adjust to requestsNew form as well. We want it to be universal.
Welcome back to the course. In this video, we're going to cover some more React-Redux.
What we need to do now is actually hit this endpoint. Now, the thing is, this is a protected route. If you open up the server and go to the router you'll see something like this.
Welcome back to the course. We now have access to the userId and the token.
Welcome back to the course. In this guide, we're going to talk about form data, specifically the image input, because we haven't handled that one yet.
Welcome back to the course. In this video, we are going to perform the Post Request once and for all. We are also going to talk a little bit about headers and we'll see if it works.
devCamp does not support ancient browsers.
Install a modern version for best experience.