Coding is a hobby of mine and therefore this category will include posts that are related to anything I have found interesting in this topic. It is also likely to include, but is not limited to, the following topics:
Basically anything technical that might involve ‘code’.
I'd like to make a few points before you read any further: The topic of this blog post is the Stripe & GoCardless API (Node.js / React) This blog assumes you have intermediate knowledge of JavaScript / React I will be discussing the pros and cons of the API service that each provider offers The specific sub-topic I will be discussing is checkouts and subscriptions This is my opinion after my implementing and using both APIs Introduction to the APIs Stripe and GoCardless are payment service providers that offer you a flexible way to manage your customer payments online. If Read more
If you're getting this error, you can simply use a proxy to access the resource. Simply prepend this url to your request: https://cors-anywhere.herokuapp.com/
Here are the three of my most used keyboard shortcuts that'll make you a better, faster and more efficient web developer. ⌘cmd ⇧shift F - instantly searches through every file's code in your entire codebase ⌘cmd P - instantly searches for a filename in your codebase ⌘cmd F - instantly searches your current file Bonus tip: If you're a React developer, you should use the Reactjs code snippets extension. This let's you type rsc (react stateless component) then hit tab and it expands! Similarly, it works with rcc (react component class). Bonus tip 2: Download and learn emmet... This is Read more
I was recently following the Advanced React course by Wes Bos - great course by the way! However, I always go through a course and end up trying to make it my own in the process. This course focuses on developing and deploying into production a Next.js, Apollo Client, GraphQL Yoga, and Prisma project. Prisma has its own Demo servers hosted on the Prisma Cloud. In the course, we connect to the Prisma Cloud servers and use Prisma Cloud as a database too, and the frontend and backend are deployed on both Heroku and Now. I personally prefer to use Read more
Since Facebook released its data querying language back in 2015, it has certainly caught on. GraphQL is very popular in the developer community now and it's a pleasure to work with. If you'd like to find out more about GraphQL you should watch this documentary. I am currently using Prisma, GraphQL Yoga and Apollo for one of my hobby projects. Prisma is a GraphQL Database interface that provides you with an intuitive API that exposes plain old JavaScript objects. GraphQL Yoga is an Express GraphQL server that enables you to write Queries and Resolvers in a very neat and tidy Read more
If you're coding all day, I bet you spend a lot of that time listening to music too. That flow zone is what we're all looking for. For me, I find listening to electronic music gets me into the flow zone. They go hand in hand don't they, coding and electronic music? Just like writing and classic music go hand in hand! Here's a list of the artist I find get me in the zone when I'm coding (and a link to their YouTube channels) - I even chucked in a pianist for you!:
Solving technical problems is extremely satisfying because you end up spending sometimes hours tearing your hair out and eventually, after thinking there's simply no solution, you hit the nail right on the head. The Problem This evening I ran into a permission issue with my macOS Mojave filesystem. I tried ignoring the issue but I soon realised that wasn't a good strategy. It all began whilst creating a landing page for this website. For some reason, the local development version of this website wasn't styled properly whereas the production website was absolutely fine. Same files and folders, totally different looking Read more
I am about to start a course on advanced React. Here are the topics I'll be learning about: React Apollo GraphQL Prisma Next.js Jest/Enzyme I look forward to hearing from my future self. Link to app will be posted here once course is completed. [UPDATE] Totally worth it, I am now nearing completion of a subscription app that I will charge £17.50 p/m for. I have no affiliation with this course. Now I am learning from another fantastic web development teacher. Both resources below.
Principle 1 - Redux has a single source of truth - and object that contains all of your applications state. This single source of truth is a state tree that is simply an object containing functions (methods) and other data. Principle 2 - Redux state is read-only and cannot be mutated. The only way to mutate the state is to emit an action. An action is an object describing what happened. Principle 3 - Redux mutations are written as pure functions A reducer is a pure function you write to implement the update logic of your app, that is how the next Read more
Before I began migrating my Express with Pug (the template/view engine) to a server side rendered React app, I wish somebody told me this one thing: "For anything that is going to show HTML, you are always going to make sure that React Router is in charge of making that request" This one line of spoken word would have saved me in excess of 20 hours. I do not regret those 20 hours that I did spend trying to essentially integrate React with Pug and somehow render React server side. Those hours were, in fact, well spent. But I was Read more