Make an accessible search bar in ReactThis post is going to explain how to take a basic search input and make it accessible to everyone. Let's begin I have began by creating a simple app. It contains a header with a search input and navigation links. In the main of the app all the shopp...1LMay 3, 2021 · 5 min readdavidbell.hashnode.dev
A brief look at the reduce() function in JavaScriptThe array method reduce can be a tricky one to grasp. Reduce takes some items, iterates over them and returns one value. .reducer() takes two parameters: Accumulator - fancy way of saying ‘previous state’ or ‘previous value’. Often passed in as acc ...1LMar 11, 2021 · 2 min readdavidbell.hashnode.dev
How to learn web developmentFirst let me start with a disclaimer. I started my web development journey roughly 14 months ago as of writing this article. I am very much still learning every single day and feel like web development is a lifelong pursuit. In this article I will gi...1CNov 4, 2020 · 11 min readdavidbell.hashnode.dev
Using Promise.all with Async/Await to get data from multiple endpointsSometimes you want to get some data from several different API endpoints. In this example I will be using the Star Wars API to get information about some characters. See below. const urls = [ "https://swapi.co/api/people/1", "https://swapi.co/api...1BOct 27, 2020 · 4 min readdavidbell.hashnode.dev
Add TailwindCSS to a Nextjs appTailwindCSS is the rage right now. It's easy to see why. It makes styling apps quick and easy. Without sacrificing CSS skills. No copy and pasting components from Bootstrap. I'm going to show you how to setup TailwindCSS to style your site in Nextjs...Oct 27, 2020 · 6 min readdavidbell.hashnode.dev
