React Projects

Using life cycles in functional components

One of the many great additions that came with Hooks is making life cycles available in functional components. Before Hooks, only class components supported life cycles using to the container components pattern and the withDataFetching HOC you've used so far. Follow these steps:

1. The first step in achieving this is by moving the function to do data fetching from the withDataFetching HOC to the Provider for the lists, in the src/Context/ListsContextProvider.js file. This function will take dataSource (which could be a file or an API) and uses fetch to retrieve data from this source:

import React from 'react';export const ListsContext = React.createContext();async function fetchData(dataSource) { ...