In a previous post, I took you through using React’s Context API as a way to pass data between sibling components. This time, we’ll take a look at an alternative way of doing the same thing using Redux. Redux is a useful tool which can be used to store state so that it can be […]
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. […]
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 […]
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 […]
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 […]
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 […]
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 […]
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 […]
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 […]
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 […]