React Project Four: Build a Property Management Application


Not CompletedHow to Build an Archive Component with Archive Item Components

Welcome back to the course, In this video we are going to build the archive component and lay it out on our grid.

Not CompletedStyling the Archive Component Items

Welcome back to the course. In this video what we want to do is style our archive item and newsletter components so they look a little better.

Not CompletedHow to Parse a Date Object in JavaScript

Welcome back to the course. In this video we are going to parse the date object and get it to display an actual date.

Not CompletedNewsletter Latest Component and Grid Placement

Hi and welcome back to the course. Great job in building out the archive component and archive item component. In this video we're going to start building out the featured newsletter component.

Not CompletedLatest Newsletter Component Styles and Newsletter Grid Row Gaps

Hi and welcome back to the course. In this video let's go ahead and throw in the rest of our styles for this newsletter component here. Let's also fix this Archive and let's put a space in between these two components.

Not CompletedHow to Map a Newsletter JSON Object to the Newsletter Latest Component

Welcome back. We're going to modify our latest newsletter component to take in custom data so we can throw it in from the server later on.

Not CompletedCreating a Button Component in React JS

Welcome back. We're going to start building our button component and place it for our different buttons, such as edit and new. It's going to be pretty quick styles, with easy JSX. Pretty simple.

Not CompletedPlace the Add Newsletter Button

In this video, we're going to be creating our add newsletter button in our application.

Not CompletedHow to Get Access to the History Object

Welcome back. So we have a problem and it's that whenever we click on our add a newsletter button, we get an error. So what we need to do is figure out how we can get access to our history objects so we can navigate to a different route.

Not CompletedBuild a Newsletter New Component

Welcome back to the course. In this video we are going to start developing the new newsletter component.

Not CompletedBuild a New Newsletter Form Element

Welcome back to the course. In this video what we're going to do is quickly build out our newsletter new form because right now we're using the sign in form, which is wrong.

Not CompletedRefactor the Form Input Grid and Sign In Grid

So we have developed a form component for our new-newsletter. What we want to do now is refactor our foreign fields and few our grids to make things a lot easier to adapt to our forms.

Not CompletedNewsletter New Form Columns

Welcome back. So in the last video we basically refactored our input to adapt to whatever the size is of the form it's contained in, based on the templates that exist on that form.

Not CompletedCustomizing the New and Edit Forms in React

Welcome back to the course. The last video we finished up our refactor and in this video we are going to build a component so we can continue building out our New and Edit components.

Not CompletedHow to Add Custom Cases to a Component

Welcome back to the course. In this video we're going to add in the cancel and submit buttons.

Not CompletedHow to Make Two Buttons that Perform Different Actions

In this video, what we need to do is move the submit button up to the top. We also need to throw in a cancel button, but that should be pretty easy since we developed those custom cases for different types of buttons.

Not CompletedHow to Add Button Animations in CSS

Welcome back to the course. In this video, we're going to make it so that when we click on these buttons, we don't have an outline appear. You'll notice that the login screen also has this and we don't want that.

Not CompletedHow to Build a Form Image Input Component for Use with Redux Form

All right welcome back. Let's go ahead and add in an image input. We're going to have to create a new component so we can put it in our form.

Not CompletedBuilding the Form Image Styles in React

All right welcome back. Let's go and style this component that we just built and placed on our grid.

Not CompletedHidden Inputs for Selecting Images in HTML, CSS, and JavaScript

Welcome back to the course. In this video we need to introduce the concept of hidden inputs.

Unsupported Browser

devCamp does not support ancient browsers.
Install a modern version for best experience.