DBDavid Bellindavidbell.hashnode.dev·May 3, 2021 · 5 min readMake 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...01L
DBDavid Bellindavidbell.hashnode.dev·Mar 11, 2021 · 2 min readA 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 ...01L
DBDavid Bellindavidbell.hashnode.dev·Nov 4, 2020 · 11 min readHow 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...01C
DBDavid Bellindavidbell.hashnode.dev·Oct 27, 2020 · 4 min readUsing 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...01B
DBDavid Bellindavidbell.hashnode.dev·Oct 27, 2020 · 6 min readAdd 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...00