Jan 8Guide to useContext with Blog ExampleWhy is useContext useful — The useContext hook is a really useful way to share data between unconnected components in the component tree. Previously this could be done by lifting the component state up to the highest shared parent component and then passing props down the separate sides of the tree. This example shows that…React4 min read
Jan 4Writing a simple GitHub ActionFirstly why would you want to write a GitHub action? The docs give a comprehensive description of actions and their uses: Automate, customize, and execute your software development workflows right in your repository with GitHub Actions. …Github Actions3 min read
Published in Level Up Coding·Jan 3Running End to End Tests on NetlifyDeciding how and where to run your End to End (E2E) tests in your deployment pipeline can sometimes be a bit of a headache. One solution I’ve come across that is simple and free is using Cypress to run your E2E tests within your Netlify build and deployment process. Running…Deployment3 min read
Dec 7, 2021Deploying a Website Made SimpleWhat happens when you’ve put a lot of hard work and effort into making a website and you’ve got to the point where you want to publish it online and show it off as part of your portfolio? It can be quite overwhelming with lots of different options out there…React4 min read
Sep 22, 2021Landing your first web development jobMaybe you’ve completed your final project and finished your bootcamp or you are considering a change of career and you’re navigating the tricky business of landing your first job as a junior developer. …Coding6 min read
Sep 17, 2021React Lifting State UpThis might have been a term you’ve heard about before but what do actually we mean when we talk about “Lifting state up”. Simply put it means taking the state in a child component and putting it up one or more levels on the component tree. By lifting the state…React3 min read
Jun 30, 2021React State useState vs useReducerSo you have a React application and you need to store some state for components so that users can interact with the page. …React4 min read
May 13, 2021I created React Firebase Starter Kit so you don’t have toOne thing I struggled with when I was a junior developer was how to create an app from scratch. Tools like Create React App make this easy to some extent but there is what feels like endless choice out there. The issue I found most daunting was Authentication. This is…React3 min read
Apr 27, 2021Creating Custom React HooksMaking a reusable react hook for form inputs Creating your own hooks may seem complicated at first glance but actually they are just gathering some component logic together in order to make a reusable function. We’ll walk through a demonstration of this by taking a form with two separate onChange…React3 min read
