In the previous part of this tutorial we have converted an existing HTML page into a React app, but we have not seen much interactivity so far. In this new chapter we start exploring one of the most interesting React features, the components.
We are going to create our first React component, a powerful beast, not easy to tame, so let's proceed gradually. The newly created component will look pretty useless at first, but we will refine it, step by step, and make it more powerful and efficient.
Inside the return() statement, we put the HTML code we want to be generated by the component. Save the file and import it into the React app using an import instruction, as we did before with the CSS files: import SpeakerList from './SpeakerList'. Note that you don't need to put the .js extension in the path.
Our page has become a bit more dynamic now, but, again, this is just an introduction to the possibilities of React components. The picture will look more interesting when we import external data. So, we hope you're looking forward to the next chapter.