News Feed App
In this video, we set up the project as a React/Redux application then install a basis theme for quick UI integration. We then import a few theme components into our own source code in order to make changes to the UI while maintaining the theme's original presentation.
In this video, deploy the project to the Turbo staging server to confirm that everything works in a live environment. We then use component state to add new feeds to the side menu and render them in a list. We add text input handlers to update the feed name and url and well as a click handler to send the data to the backend.
Connecting to Redux (26:31)Register or Log In to View
We connect the app to the Redux store in this video and configure a series of actions, constants, and reducers to update & maintain state. We add new feeds and fetch current ones via Redux and remove that functionality from the component.
Container Components (31:58)Register or Log In to View
In this video, we separate our components into containers. Containers are components which are connected to the Redux store and should be organized into their own groups with specific sets of functionality. Often called "smart" components, containers primarily handle the key data of the application as well as business logic such as creating and updating data.
Fetching RSS Feeds (26:17)Register or Log In to View
In this video, we finally fetch actual RSS feeds and store them in the application state. To do so, we import the Superagent NPM module then set up a HTTP request utility function to make requests through a Promise sequence. Then we add an RSS reducer to store the data in order to make it available to other components as well as prevent unnecessary requests.
Rendering RSS Feeds (19:35)Register or Log In to View
In this video, we render the actual RSS feeds in the main content area of the application by connecting the Feed container component to the RSS reducer. We then connect the links to their original sources so that the user can read the content.