I had to build a website recently that used react-bootstrap and had a page which showed a collection of items in a grid, with each item being shown in it’s own <Card />. The documentation wasn’t as comprehensive as I’d have liked for this specific use case and I found a lot of other people … Read more
I started to look at the WordPress Api recently and decided to put together a small React JS web app that would enable me to show my blog data in a custom front end. To start with I have focused on getting a a list of posts, and related categories. By following this post, an … Read more
So many projects require that you use data from an API, so here is a React JS example of how to do just that. I’ll cover how to use fetch to interact with the API, how to get data from the API, and how to use .env files to securely store environment specific properties. I … Read more
Do you want to know how to make your Bootstrap buttons look good? React-bootstrap provides a library of components that will help you create beautiful, responsive UI’s, and in this post I will look in detail at using the Button component. You can quickly change the color of each button, switch between flat and outline … Read more
Further to my first post about using Bootstrap with React Forms, this post will show you how to add validation to your Bootstrap React form, and show any errors when the form is submitted. Intentionally this is kept as straightforward as possible and without using any additional packages, so that you can learn the most … Read more
If you are new to building websites, writing code or just React JS you will need to know how to debug your code. This post shows you the basics on how to debug JavaScript using the Chrome Developer Tools and using the extension React Developer Tools to debug a React website. There’s a few techniques … Read more
Bootstrap is a front end open-source toolkit which makes it really easy to build responsive UIs quickly. With comprehensive documentation and a library of examples it’s a wise choice if you want to build a React app with a tidy front end quickly. In this post I’ll show you how to import and use Bootstrap … Read more