React components encapsulate parts of the UI. Your full React application UI is rendered as a tree of many nested components. Depending on the flow of the applications, individual components need to perform some tasks before and after rendering as well as before and after updating.
This is part two of a two-part series about React-Bootstrap-Table. In part one we created a simple React application using react-create-app, added React-Bootstrap-Table, populated a table with data, worked with columns, styled the table, and selected rows.
One of the most common user interface elements for presenting your data is a table. It turns out that there are many aspects to control when working with tables, such as:
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.