DevCamp

React Project Five: Build an API Search Engine

Not Completed React Project Five Application Overview

Hi, welcome back to the react course. In this set of guides we are going to be building out the dailysmarty front end application.

Not Completed Generating Daily Smarty UI Application

Hi and welcome back to the react course. In this guide we're going to set up our repo for the dailysmarty UI that we're going to be building.

Not Completed CSS Grid Basic Setup for Daily Smarty UI

Hi, and welcome back to the react app. In this guide I'm going to briefly go over CSS grid so we can kind of see how we're going to set this up.

Not Completed Setting Up A Logo Component

Hi and welcome back to the react app we're building. In this guide we're going to set up our logo component.

Not Completed Creating Searchbar and Recent Posts Components

Hi and welcome back to the react app. I just barely recorded this guide but my HDMI unplugged in it destroyed the recording, so I'm rerecording it and the reason I'm telling you that is because I walked you through installing redux form because we're going to need it.

Not Completed Setting Up Redux Form In the SearchBar Component

Hi and welcome back to the react app, in this guide we are going to be further developing the searchBar component and specifically we will be implementing redux form into this component.

Not Completed Setting Up Daily Smarty UI Routes Using React Router Dom

Hello and welcome back to the react course, in this guide we're going to set up our routes so we can navigate to our results page and our home page and so forth.

Not Completed Setting Up the Results Component for the Daily Smarty UI

Hi and welcome back to the react course. In this guide, we are going to be setting up our results components so we can navigate to it.

Not Completed Implementing an HOC Called with Router

Hi and welcome back to the react app we're building. In the last guide we set up our results component and we made it so we can head to localhost:3000/results and have it display only the results page.

Not Completed Setting Up Redux Thunk and Connecting the Recent Posts Component to Redux

Hi and welcome back to the react app we're building. In the last guide we set up our routes, effectively we made it so when we type in here we can get the results.

Not Completed Utilizing Axios to Perform a GET Request on the Redux Thunk Action Dispatcher

Hi there and welcome back to this app we're building. In this guide, we're going to set up the request for our factories and posts action creator.

Not Completed How to Utilize Redux Dev Tools and Fix the Set Recent Posts Reducer

Hi and welcome back to the react app we are building. In this guide we're going to be setting up redux dev tools in our application which is pretty simple a couple lines actually one line and then we are going to set up map state to props and get our data flowing into our component which is the recent post component where we will display our posts.

Not Completed Using the Redux Map State to Props Function in the Recent Posts Component

Hey, welcome back to the react app we are building. In this guide, we are going to set up our map state to props so we can get this data from our redux dev tools which we set up in the last guide and we are going to push this data into a list into our recent posts.

Not Completed Creating a Post Component for the Daily Smarty UI

Hi and welcome back to the react course and in this guide, we're going to be developing the post component. So I'm just going to navigate to the app in the browser.

Not Completed Review of the Spread Operator and Rendering Post Associated Topics

Welcome back to the React course. In this guide, we are going to finish up our post component and briefly go over the spread operator, so that I can show you how each one of these post items is being applied to this component.

Not Completed Customizing the Logo Component to Take In a Custom Size Prop

Hi and welcome back to the react course. In the last guide we set up our post topic, so if I go to localhost:3000 we set it up so we can see these associated topics on our recent posts on the home page. In this guide we are going to make it so when we search here we can put this results screen together.

Not Completed Modifying the Search Bar Component to Take the OnSubmit Function via Props

Welcome back to the React app. In this guide, we're going to modify our searchbar so that we can use it across multiple components.

Not Completed Creating the Fetch Posts with Query Action

Welcome back to the React course. In this guide, we're going to build out the functionality for the search bars in our homepage and results page.

Not Completed Setting Up a Results Posts Component

Hi there and welcome back to the react course. In this guide we're going to be putting together our results component so we can render this data we fetched in our results page.

Not Completed Creating a Set Results Posts Type and Reducer

Hi, and welcome back to the React app. In this guide, we are going to set up our Set_Post_Reducer so that we can actually get the data we want to be in our resultsPost.js.