React JS example to get data from an API

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

React bootstrap button – how to make great buttons

react bootstrap button examples

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

Bootstrap React Forms – part 2, validation and errors

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

How to debug React using the developer tools in Chrome

how to debug react js in chrome dev tools

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

Using Bootstrap with React forms

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