We can all agree that pop-ups are annoying but sometimes there are legit reasons to use them to inform your users about something in particular. So how do you set up your site so that it shows a pop-up when someone logs on but not every time they view the page? Well, one way is […]
Category: Web Development
A Really Simple Intro to React Router
If you want to create a multi-page React app, the easiest way to navigate between pages is by using React Router. In this post I’ll take you through the steps of setting up a navbar for a simple app. We’ll start off with three different components which will be three different pages in our app. […]
A Really Simple Intro to Context in React
In this post, I’ll take you through a simple example of using React’s context API to pass information between components. Let’s say we have a simple app with two components – one is an input (in this case a dropdown menu) and one which displays the result of the input. Here’s the structure of the […]
A Really Simple Intro to Lifting State in React
When using React, you can easily share information downwards in the component tree. Using props, you’re able to pass data from a parent component to a child component but how do you pass information from a child to a parent or even between siblings? That’s when we need to lift state. I’ll take you through […]
A Really Simple Intro to Using Props in React
Props are an incredibly useful tool when working with React so it’s worth spending some time getting used to them. Props are a way of sending data down the component tree from a parent to a child component. I’ll take you through a really simple example of using props to pass the users selection from […]
A Really Simple Intro to localStorage in React
Saving information to local storage can be incredibly useful and can make for a far better user experience in your apps. Imagine if you had to log in from scratch every time you wanted to look at Twitter! By using the localStorage method in React, we can make save certain information to the user’s machine […]
A Really Simple Intro to Changing Styling Using React State
When using React, one of the easiest ways to make style changes to an element on an event is by using state. In this example, we’ll be looking at how we can change the corners of a button from pointed to rounded on click. I know this isn’t something you’re likely to be doing on […]
A Really Simple Intro to useState in React
When it comes to React hooks, useState is one of the most useful. It can be used to capture information that the user inputs and use it elsewhere in your app. For example, you could use it to capture the option a user chooses in a dropdown menu or in a series of radio buttons […]
The Best Web Development Challenge Websites
I’ve become a bit addicted to Web Development Challenge sites. It’s a great way to practice the things you already know, learn new ways of solving problems and to prepare for interviews. Some sites charge to use them but in this post I’ll take you through some of the best free sites out there. HackerRank […]
Creating a New React App
In this post, I’ll be taking you through a simple way to set up a new React App. First, you’ll need to install Node.js. If you’re not sure if you have it you can check using Command Prompt or Terminal. If you’ve never use the Command Prompt or Terminal before, it is an application which […]