React & Headless Wordpress - Card & Masonry Layout & Load More Pagination - Full Crud App Part 5
This is a series on React.js development with a Headless CMS. In this case, the CMS is WordPress. The popularity of React.js & WordPress is growing globally, So this is time to combine the two and make some fun applications.
The WP-API (node-wpapi) & WordPress Application Password is used to connect to both local & remote WordPress REST API. I planned to start with a simple React CRUD application and grow that to be something significant which will include React useState hook, React Dom Router, Context API, Reducers, an HTTP Service, a Configuration management system, an Error Logging system, a JWT Authentication module (connecting to WordPress), Route protection, User Registration, Styled Components, Theme management, WP GraphQL, etc.
In this video, I'm using the Card Layout from the React Bootstrap 5.0 and the Masonry layout with React Masonry CSS library. Also, as a bonus, I show how I refactored my Load More Pagination code into a separate reusable component and used it on the page with Masonry Layout.