Just like we did with our Vue version, let's now implement a SongsList component.
Frontend – creating and using the songs list component
Creating the skeleton
Go ahead and create a songs-list.tsx file under frontend/src/components.
Then, add the following skeleton to this file:
import React, {useEffect} from 'react';
import Container from 'react-bootstrap/Container';
type Props = {
};
export const SongsList = (props: Props) => {
useEffect(() => {
console.log('Songs List: component rendered');
});
return (
<Container className='lf-songs'>
</Container>
);
};
So far, there's not much to it.
Still...