I went bravely from using js to jsx files. Then I overcame the gag reflex to write html in javascript. It was time to cover the final threshold with TypeScript and the tsx filetype. In this article, I cover briefly, how to use TypeScript with React. Defining types within functions If you’re familiar with TypeScript, […]
Category: Front End Development
Sometimes you might want to run a function without ever having to call it. This is especially useful when you want to declare some global variables, but also keep them private, within a function. This article explains how you can immediately call a function in javascript. What is an IIFE? An Immediately Invoked Function Expression […]
This is my go-to for quickly adding sass functionality to any WordPress theme. Just add the following package.json to your theme folder (assuming you already know how to run npm/node, and have them installed and ready to go): You can grab the package.json code here. I always hate copying and pasting from things like the […]
Here are some new things that I’ve learned with CSS, which solve common real-word problems. I’m always looking at improving my css skills (who doesn’t!) Here are 6 of the latest things I’ve discovered: Fitting that round image in a square peg Sometimes you want an image to always fill a space, for example as […]
Using the native fetch() to get frontend api data with javascript is easier than ever, and works great alongside frameworks such as vue. Grabbing data the old way Before fetch came along, API requests were made using XMLHttpRequest, which didn’t include the use of Promises. It was a little bit verbose, like so: Grabbing data […]
Arrays are the bread and butter of javascript when it comes to handling data. Especially awhen grabbing data from APIs and filtering results. I’ve noted some super useful built in methods relating to arrays, to help with all sorts of situations. Get to know these, for great power comes great responsibility…
Have you ever had a situation where your css just doesn’t seem to be working. You know you added the styles, but they just refuse to show up in the inspector? Fun fact: It might just be your browser’s adblock stylesheet.
I’m always improving my javascript skills when I’m learning something new. Sometimes it’s worth going over existing skills again to reinforce that knowledge. I’ve found these 5 things to be pretty powerful. 1. Underscoring Variables and Namespacing events These is more helpful for code readability, rather than it being a particular feature. The first uses […]
Everybody has their own set of essential web development tools. Here are a couple mine I thought I’d share. I might later add some more, as and when I find them.
I spent some time studying Graphic Design whilst at college. This article is a good, basic primer on design theory. Though taught as part of a Graphic Design course, I’ve found it to be just as useful in web design, front end development in particular. Web Development & Design theory just work well together. The […]