Let’s walk through a simple React password strength checker component that can be dropped into your form(s) as and when required. You can find a working example of this component over here: React password strength checker component example. What this component does The role of this password validation component is to essentially verify that the […]

Tooltips can be really useful. Essentially, the tooltip is a message or some other piece of information that displays upon hovering (or alternatively, clicking) some element with the user interface. Tooltips can be used to portray important information to the user in a clean and easily digestible manner. In this short guide, we’ll create our […]

In this simple guide, we’ll use the OpenWeather API to fetch the 5 day weather forecast based on a user-supplied location using Python. This is a suitable Python project for beginners — the weather forecast script itself is fairly small, and we’ll go over it in considerable detail within this article. So with that said, […]

In this brief tutorial, we’ll go over the basics steps required to create your very own pagination component in React. Here’s the finished component for you to follow along with: JSFiddle containing the React Pagination Bar Component. The pagination mechanism your app uses is very important. Without an effective component to handle this aspect for […]

In this article, we’ll walk through the creation of a simple Python currency converter. The user will be prompted to enter their initial currency, their target currency, and the amount they’d like to convert. From here, we’ll make a web request to a currency conversion API to retrieve the required information. We’ll then present it […]

Modals are very much a staple of the web. They are a handy way to use the screen’s available real estate to display content on-top-of content. Creating your own modal component in React is straightforward enough. This makes it a suitable task for React beginners to sink their teeth into, and it’s a good way […]

Autocomplete is a useful feature that’s also pretty fun to build in React. If your website or application has a search facility, it may be a good idea to include some sort of autocomplete functionality to assist your users and help them find what they are looking for more easily. To briefly summarize the functionality: […]

Hangman is a particularly suitable game for beginners to look at replicating or recreating in React (or within JavaScript in general, in fact). This is because the fundamentals of the game revolve around some very common web-dev operations, most notably; the searching of strings. On top of this, the developer will have the opportunity to […]

This article covers the creation of a simple React quiz app that should prove useful to entry-level React developers. You can view the quiz app here in JSFiddle. The quiz app is about as basic as it can get in terms of functionality, but it provides a solid foundation on which to experiment or to […]

The carousel is a classic piece of functionality. It’s a mechanism that the user can utilize to scroll through slides of content, image-based or otherwise. Here’s the accompanying infinitely-scrolling React carousel example (accessible directly in JSFiddle). This carousel example provided is very much a “bare-bones” implementation. I’ve tried to capture the core functionalities in the […]

This article will walk through some of the key points and aspects of an accordion build within React. You can find the accompanying JSFiddle component over here: React accordion component example. This is a small and relatively simple component. But that’s why it’s a good example for React beginners to look at. Alongside the accompanying […]

In this article, we’ll go over the build of a React calendar component. This calendar can also display events. You can view the React calendar component example in question directly in JSFiddle. If you’re fairly new to React, don’t worry — building a React calendar component is fairly straightforward. It is, in fact, much easier […]