Search justacoding.blog. [Enter] to search. Click anywhere to close.

September 16th, 2022

16 React Tips And Best Practices For Beginners

Here’s a list of 16 React tips and best practices to be aware of when working on your own projects and applications. In this article, we’ll look at tips that cover multiple different aspects: actually writing the React code, as well as some tips to help with your development workflow (and tooling) in general. Whilst […]

Read more ⤏
September 11th, 2022

Build A React Password Strength Checker Component

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 […]

Read more ⤏
August 30th, 2022

Hide An Element When The Keyboard Is Shown In React Native

There may be cases when working in React Native when you need to hide an element (or a set of elements) whenever the keyboard appears. Once the keyboard is dismissed; the element(s) should then become visible again. Fortunately, the Keyboard module makes this fairly trivial for us to implement. Using event listeners to detect and […]

Read more ⤏
August 27th, 2022

Sharing Styles In React Native

If you’re new to React Native, you may be wondering about the best way to share styles throughout your application. Generally speaking, you’ll want to keep a lot of your styling rules component-specific where possible. This way, the components remain modular and can be easily transported or moved around without relying on an external resource. […]

Read more ⤏
August 25th, 2022

How To Make Part Of The Text Bold In React Native

There will likely be times when you want to make only a part of the given Text element bold in React Native. Likewise, you may want the word (or set of words) to be underlined or italicized. Basically, you want to modify only a subset of word(s) provided within a Text element. This is a […]

Read more ⤏
August 22nd, 2022

Build Your Own React Tooltip Component

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 […]

Read more ⤏
August 15th, 2022

Build A Python Weather App

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, […]

Read more ⤏
August 12th, 2022

Create A React Pagination Component

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 […]

Read more ⤏

Build A Simple Python Currency Converter

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 […]

Read more ⤏
July 10th, 2022

10 Python Project Ideas For Beginners

If you’re new to programming, Python is a great first language to pick up. It’s relatively easy to learn and quite accessible, yet still extremely powerful and viable in a commercial sense. It’s also great for the hobbyist. However, perhaps you are struggling to think of interesting app or project ideas to build with Python? […]

Read more ⤏
July 5th, 2022

Useful Keyboard Shortcuts And Tips For IntelliJ IDEA

It goes without saying that IntelliJ IDEA is an extremely powerful IDE. We’ve compiled a list of various tips and tricks to help you get the most out of this behemoth. As is usually the case, the very best source of information regarding this piece of software is of course the official documentation. Everything is […]

Read more ⤏
April 29th, 2022

Create Your Own React Modal Component

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 […]

Read more ⤏
April 27th, 2022

Build A React Autocomplete Component

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: […]

Read more ⤏
April 25th, 2022

9 Useful JavaScript Utility Functions

JavaScript utility functions are efficient, reusable snippets that are generic in nature and can be utilized across many different projects. To this end, the overall purpose of the utility function in JavaScript is to help increase your productivity as well as the consistency of your code. In this article, we’ll go through some handy functionalities […]

Read more ⤏
April 19th, 2022

What To Learn After JavaScript

If you’re new to the web development realm, there’s a good chance that your path may be starting to look something like this: Learn HTML & CSS Learn JavaScript But what comes next? It can of course be a little bewildering to figure this next step out, there are so many languages, frameworks & tools […]

Read more ⤏
April 11th, 2022

Create A Game Of Hangman In React

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 […]

Read more ⤏
January 12th, 2022

Implement Node/Express Sessions With Postgres

In this tutorial or guide, we’ll be implementing a Node/Express API as well as utilizing a Postgres database. Alongside this, we’ll create a single-page React app to consume this new API. The user will be able to authenticate with the app and have their session persisted. After following along with this article, you’ll have the […]

Read more ⤏
January 7th, 2022

10 React Native Project Ideas For Beginners

If you’re just getting started with React Native, you may be looking for some project ideas that are particularly suited to beginners. Of course, there is always the classic todo app, but what other projects are suitable for React Native beginners? We’ve compiled a list of 10 interesting React Native project ideas for your consideration. […]

Read more ⤏
January 5th, 2022

Testing In App Purchases (IAPs) In Android Apps Locally

In this article, we’ll go over the steps required to test in app purchases in your Android application. This article isn’t about actually implementing the billing functionality itself. It’s only about (effectively) testing the in app purchases via your own implementation. The information with regards to testing in app purchases within your local environment (whilst […]

Read more ⤏
December 10th, 2021

What Is A Shallow Copy (Or Clone) In JavaScript?

There is often a degree of confusion when first beginning to copy (or clone) objects in JavaScript. We can attribute a significant portion of this confusion to a misunderstanding with regards to the types of clone: shallow clones and deep clones. There are fundamental behavioural differences between these two concepts, and it’s very important to […]

Read more ⤏
December 3rd, 2021

How To Split A String In JavaScript

You may be wondering how to split a string in JavaScript. This is a fairly simple operation, with two main approaches used to achieve this goal. In this article, we’ll look at using split as well as slice. These functions each have different use-cases and different return types, we’ll step through them in turn. So […]

Read more ⤏
December 1st, 2021

React Quiz App Example – A Tutorial

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 […]

Read more ⤏
November 22nd, 2021

10 Common React Mistakes And How To Avoid Them

When first starting out with a new language, framework or tool — it’s generally considered a good idea to look at some of the more common pitfalls that other developers are experiencing. You can then try to actively avoid making these same mistakes for yourself. Here’s a list of 10 of the more common React […]

Read more ⤏
November 17th, 2021

21 Common JavaScript Mistakes To Avoid

JavaScript is a fairly quirky language, and as such, there are many pitfalls to be avoided when working with it. This is especially true when first starting out. We’ve compiled a list of 21 of the most common JavaScript mistakes. In this article, mistake refers to: something done incorrectly that almost certainly can (or will) […]

Read more ⤏
November 15th, 2021

Show And Hide Elements And Components In React

Showing and hiding elements and components in React is straightforward enough. However, there are some caveats and some gotchas to consider in some scenarios. Let’s dive right in! Setting up a flag or indicator in state to track visibility The mechanism to show and hide elements in React should work in conjunction with the component’s […]

Read more ⤏
November 11th, 2021

Build A React Carousel Component With Infinite Scroll

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 […]

Read more ⤏
November 7th, 2021

A Simple React Accordion Component Example

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 […]

Read more ⤏
October 31st, 2021

React Calendar Component Example (With Events)

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 […]

Read more ⤏
October 24th, 2021

8 Simple JavaScript Games For Beginners

Here’s a list of 8 simple JavaScript games for beginners to create. When first starting out with JavaScript, it’s helpful to have an interesting project to focus on. Something that’s not too difficult or too time-consuming, but also not too straightforward. This selection of simple JavaScript games is ideal for beginners because the games are […]

Read more ⤏
October 20th, 2021

Loop Through An Object With JavaScript

In this article, we’ll go over a few of the more common ways to loop through an object in JavaScript. Or more specifically — how to loop through object properties in JavaScript. When starting out, most developers will at one point or another iterate over an array. With objects in particular, it can be a […]

Read more ⤏
October 18th, 2021

React With TypeScript: Typing Components

This article is focussed on using React with TypeScript. More specifically, we’ll be looking at typing React components in general: their state, their props, their return types and so on. So if you’re new to using React with TypeScript, or if you just need a refresher — this short guide should (hopefully) be of some […]

Read more ⤏

23 Entry Level React Interview Questions

Here’s a selection of 23 entry level React interview questions. When preparing for any interview, it’s clearly important to have a good grasp on the fundamentals of the topic at hand. This selection of questions touches upon many of the fundamental aspects of React, from JSX to the virtual DOM to hooks. Difficulty wise, I’d […]

Read more ⤏
October 13th, 2021

27 Entry Level JavaScript Interview Questions

Here’s a selection of 27 different JavaScript interview questions for beginners. The answers have also been provided in each case. The intention of this article is to cover some of the typical questions you could expect to receive when preparing for an entry level JavaScript developer interview. As such, the questions and answers provided here […]

Read more ⤏
October 12th, 2021

How Big O Notation Works

The Big O Notation is an important concept within programming. We’ll cover 3 of the more common Big O Notation examples in this article: constant time, linear time and quadratic time. Maybe you’re completely unfamiliar with the concept, or maybe you’ve heard of it in passing but never got around to taking a closer look […]

Read more ⤏
October 10th, 2021

JavaScript ||, Or The “Or” Operator – A Guide

In this guide, we’ll go over what the JavaScript || operator actually is, and what exactly it does. As is common when working in JavaScript in general, there are some quirks and pitfalls to be aware of when using this operator. We’ll cover each of those cases during this explanation.re Let’s get right into it! […]

Read more ⤏
October 8th, 2021

5 Ways To Get The Last Element Of An Array In JavaScript

We’ve all been there. “How do I get the last element of an array in JavaScript?” It’s a fairly simple JavaScript problem, with a fairly simple solution. Nowadays, with the advent of ES6 and the like, there are numerous other solutions to this problem outside of the “classic” approach. I thought it’d be a good […]

Read more ⤏
October 6th, 2021

JavaScript Error Handling – A Brief Overview

In this article, we’ll go over how to handle errors in JavaScript. JavaScript error handling in general is fairly straightforward, it’s somewhat consistent with other languages in that regard. There are some quirks to be aware of, however. Let’s get into it! What is a JavaScript error? It’s easiest to think of JavaScript errors simply […]

Read more ⤏
October 6th, 2021

What Web Development Niche Is Best For Me?

There are numerous distinct niches within the web development world. If you’re looking to break into this world, you’ve likely been wondering what web development niche you may be best suited to. Maybe you already have some sort of idea of what web development niche you’d like to aim for. Or maybe you have no […]

Read more ⤏
October 5th, 2021

JavaScript Dates – Working With The Date Object

Working with JavaScript dates is something that most web developers will do at one time or another. That’s because working with dates and times is very much a standard operation in web development in general. Both on the frontend and on the backend. We’ll often need to access, display or manipulate dates and times as […]

Read more ⤏
October 4th, 2021

How Do I Get Better At JavaScript? (18 Tips)

If you find yourself asking the question – “how do I get better at JavaScript?“, we’ve compiled some useful tips, advice and best practices for your consideration. This article is aimed at beginners. The focus is not only on actual JavaScript technical fundamentals, but there are also some practical pieces of advice included too. The […]

Read more ⤏
September 30th, 2021

Building A WordPress Theme With React

WordPress is a fantastic platform. It’s user-friendly and extremely powerful — it’s also particularly accessible to those just starting out with web development. For those of us just starting out with with WordPress theme development in particular, however, it’s worth noting that there are numerous ways to go about developing your very own theme. You […]

Read more ⤏
September 3rd, 2021

React Tips For Beginners – How To Structure Components (3 Tips)

When just starting out, the goal is often to just create something that “works”. This is fine, but as your skillset starts to develop – you’ll want to more carefully consider how you are composing your React application. In React, a good understanding of component structure, or more specifically component composition, is one of the […]

Read more ⤏
May 18th, 2021

How Do I Get Experience As A Web Developer?

Following on my from my article: Can I Teach Myself Web Development? — I’d like to delve into a bit more detail on this topic in particular. Gaining real-world experience as a web developer. Putting together a fantastic portfolio, as well as being fairly skilled in your craft, are fantastic prerequisites. Obtaining relevant real-world web […]

Read more ⤏
May 16th, 2021

Can I Teach Myself Web Development?

It’s a question that circulates very often across the various web development communities: “Can I teach myself web development?” The answer is yes. Yes, you certainly can. Strictly speaking, you don’t need a formal education or paid courses. But you’ll definitely need two things to succeed on your path to becoming a self-taught web developer: […]

Read more ⤏
February 28th, 2021

8 React Project Ideas For Your Portfolio

Looking for some React project ideas to present within your portfolio? You’ve come to the right place! Effectively demonstrating your abilities is a crucial part of obtaining employment within the web development world. For React developers, having a fully functioning single page app that interacts with an external API could be an excellent place to […]

Read more ⤏
February 18th, 2021

JavaScript Closures and Lexical Scoping – Basic Examples

If you have no idea what closures are or what you can do with them, fear not, we’ll demystify them in this article! We’ll also tackle lexical scoping in JavaScript — a closely related concept. Some familiarity with JavaScript in general is assumed, here. We won’t be going into tremendous depth on this topic, the […]

Read more ⤏
February 8th, 2021

Using Apollo Client with React to make GraphQL queries

This article will walk through the initial setup of a React SPA (single page application). The app will communicate with a GraphQL endpoint using the Apollo Client. We’ll use React Router within our project to help demonstrate some important fundamentals. The article will cover some of the basic concepts of GraphQL (what it is, why […]

Read more ⤏
February 2nd, 2021

4 Challenging Coding Problems To Solve

A big part of being a developer is problem solving. I think it’s a fair assumption to say that most of us enjoy this aspect of our craft — thinking outside the box whilst also applying the fundamentals to solve problems. The coding exercises listed below will test your problem-solving abilities. The tasks are likely […]

Read more ⤏

JavaScript Exercises for Beginners, Part 3: Timing Functions

Welcome to Part 3 of the JavaScript exercises for beginners series. In Part 1, we looked at exercises that revolved around the use of strings. In Part 2, it was arrays. This time — we’re going to look at JavaScript’s timing functions: setInterval and setTimeout. As with the previous instalments, there are no prior requirements […]

Read more ⤏
January 22nd, 2021

10 Full-Stack Project Ideas For Web Developers

Already working but looking for an interesting full-stack project to focus on outside of your day job? Or maybe you’re looking for your first job, and you need a shiny new project to bolster your CV/resume? Look no further, here are some interesting full-stack project ideas for your consideration. Let’s get started! The full-stack project […]

Read more ⤏