--- title: "Laura Todd (@LauraToddCodes) | Hashnode" description: "Writing about what I learn as I go along. Read the latest articles by Laura Todd on Hashnode." url: "https://hashnode.com/@LauraToddCodes" --- @LauraToddCodes # Laura Todd @LauraToddCodes · UK · Joined April 2021 Writing about what I learn as I go along ### [Using the useContext hook in React](https://lauratodd.hashnode.dev/using-the-usecontext-hook-in-react?utm_source=hashnode&utm_medium=feed) Sometimes when you're building an app in React, it can be difficult to pass props from one component to another without prop drilling. One of the in-built tools that React has to tackle this issue is the useContext hook. The React's Context allows yo... 4 min read · [lauratodd.hashnode.dev](https://lauratodd.hashnode.dev/using-the-usecontext-hook-in-react?utm_source=hashnode&utm_medium=feed) [Jul 25, 2022](https://hashnode.com/posts/using-the-usecontext-hook-in-react/62de4d808730728f62e8a3ac) ### [A Really Simple Intro to Changing Styling Using React State](https://lauratodd.hashnode.dev/a-really-simple-intro-to-changing-styling-using-react-state?utm_source=hashnode&utm_medium=feed) 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 ... 3 min read · [lauratodd.hashnode.dev](https://lauratodd.hashnode.dev/a-really-simple-intro-to-changing-styling-using-react-state?utm_source=hashnode&utm_medium=feed) [Jun 2, 2021](https://hashnode.com/posts/a-really-simple-intro-to-changing-styling-using-react-state/60b76f0025dc276ffb93ff82) ### [A Really Simple Intro to Using Props in React](https://lauratodd.hashnode.dev/a-really-simple-intro-to-using-props-in-react?utm_source=hashnode&utm_medium=feed) 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 examp... 2 min read · [lauratodd.hashnode.dev](https://lauratodd.hashnode.dev/a-really-simple-intro-to-using-props-in-react?utm_source=hashnode&utm_medium=feed) [1](https://hashnode.com/posts/a-really-simple-intro-to-using-props-in-react/60ae20192ef63a174032c779) [May 26, 2021](https://hashnode.com/posts/a-really-simple-intro-to-using-props-in-react/60ae20192ef63a174032c779) ### [A Really Simple Intro to React Router](https://lauratodd.hashnode.dev/a-really-simple-intro-to-react-router?utm_source=hashnode&utm_medium=feed) 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 wh... 2 min read · [lauratodd.hashnode.dev](https://lauratodd.hashnode.dev/a-really-simple-intro-to-react-router?utm_source=hashnode&utm_medium=feed) [May 1, 2021](https://hashnode.com/posts/a-really-simple-intro-to-react-router/608d6babdc886b43180055de) ### [The Best Web Development Challenge Websites](https://lauratodd.hashnode.dev/the-best-web-development-challenge-websites?utm_source=hashnode&utm_medium=feed) 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 th... 3 min read · [lauratodd.hashnode.dev](https://lauratodd.hashnode.dev/the-best-web-development-challenge-websites?utm_source=hashnode&utm_medium=feed) [Apr 24, 2021](https://hashnode.com/posts/the-best-web-development-challenge-websites/6083f6ddff5fc65284a797c2)