Creating Routes in React

This guide explains how to create routes in React. We'll create a simple React app and go through the process of setting up working routes, as well as go over how to create an error page. Finally, we will create some simple links so that we can see our created routes in action.

How to Display the Current Time and Date and Have it Update Dynamically

This guide goes through how to display the current time and date in the browser of your HTML page. After using Moment.js to get the current time and date, you'll see how to display the current time in the browser so that it updates dynamically every second in real time.

Adding a Favicon to Your HTML Site

After finishing your web application, you'll want to add your own image or icon that appears in your browser's tab to distinguish your site from others. In this guide, you will learn how to add a favicon to your HTML site so that it appears in the browser in the tab section next to the page title. Read to learn how.

How to Customize the Title of Any Page in React

Add a title for your app in your index.html file so that it is shown in a browser's title bar or a page's tab. This title will appear on all of your pages of your app. What do you do if you want to have a different title for each of the different pages of your app? Continue reading to learn how to do this using React Helmet.

To view this article on Medium, click on the button below.

How to Beautify Your Alert Messages

If you don't like the way the default JavaScript alert message looks, learn how to replace it here with a more attractive alternative. Using SweetAlert, we can replace the default alert message with something that looks more attractive. And it's easy to do. Read to learn how.

Adding Open Graph Meta Tags to Your App or Website

Have you ever wondered how to control the content that is displayed when you post a link to your app or website on social media, like Facebook? Or for that matter, how to even display any content? This is done through the use of Open Graph meta tags. Click to learn how to add these to your projects.

To view this article on Medium, click on the button below.

Using Next-gen Image Formats to Enhance Your App's Performance (React)

There are a number of possible reasons why the pages on your application may load slowly. This guide focuses on using WebP versions of your images to help your applications load faster.

This guide was created alongside a React application, but the ideas in this guide can apply to other applications and websites besides React.