This is the second and final part of the series on building a React application with a Laravel back end. In the first part of the series, we created a RESTful API using Laravel for a basic product-listing application. In this tutorial, we will be developing the front end using React.
In the previous part of this tutorial series, you saw how to implement the profile page feature for the React blog application. In this tutorial, you’ll see how to implement tags for the blog posts.
So far in this React series, we’ve created a working sample app as a starting point for our ‘Movie Mojo’ gallery app, and we’ve seen how using props allows us to customize the appearance of components by passing in data rather than hard coding it.
In this final tutorial in our React series, we’ll create a new AddMovie component for adding new movies manually via a custom form. This will bring development for the ‘Movie Mojo’ app to a close.
In this tutorial series we’ll dive right into using React as we build a fully working app to display a gallery of movies.
In part one of this tutorial series, we used the create-react-app tool to create a working sample app as a starting point for our ‘Movie Mojo’ gallery app.
Throughout the rest of this tutorial series, we’ll focus on setting up React locally. The first of these approaches is similar to CodePen, where the React scripts were inserted dynamically into your HTML file, before being rendered in the output window.
React has been known in the past for being difficult to get started creating apps, as you really had to understand how to configure build tools manually. This is even before you write a single line of React code.
If you are new to React then, understandably, you just want to get coding, and play around with some simple components to see how React works. You really don’t want to have to wade through a lengthy setup process in the first instance.