Have you ever seen a cage fight? Where two MMA fighters go head-to-head until one of them concedes?
I think of it as the more gruesome older sibling of boxing. Every so often there is a fight where one of the fighters gets completely destroyed. Just imagine, you are an MMA fighter jumping into the cage. You’re feeling hyped and ready to prove that this is your time. The fight starts off well. You get in a few punches, start getting confident, maybe even a little cocky. Then the other fighter shows you who is really stronger. You get a jab to the face that makes you feel dizzy, a right hook to the ribs which has you in agony and an uppercut to the jaw that floors you. You’re trying to find the inner strength to get back up, but the other guy is on you throwing punch after punch until they are dragged off you because they’ve knocked you out completely. Before you even know what’s happening the fight is over. …
“A Tech Lead is a software engineer responsible for leading a team and alignment of the technical direction” — Pat Kua .
While this is a useful high-level definition of the Tech Lead role, it’s not very specific to an actual business. You’ll find that technical leadership roles vary greatly between companies and even departments within the same companies. …
The Intersection Observer API allows you to observe and react to changes when an element enters the viewport or a parent element. It’s very commonly used for lazy loading but can also be used for things like animations or changing the active state of links in a navigation bar as you scroll to different sections of a page. Lazy loading images stops the user from having to download resources on initial page load, instead, deferring it until a more appropriate time.
I’ve been playing around with different effects for lazy-loading images and I like this one where instead of swapping a placeholder image with the real image, we’re instead revealing the image with CSS opacity transitions. …
A little while ago I was given a cool design for an Instagram story styled bubble component where each bubble would smoothly slide into its new position when we got its new order from the API.
While it can be straightforward to do a whole load of animations and transitions with CSS, it took me a while to find an example of animating the reordering of list items, especially with React. Since I’ve also started to get used to the concepts of React Hooks I wanted to use them to implement this animation too.
I found this difficult to do using React hooks because my component would automatically rerender, in its new order, when it got new data. I was trying to hook into the moment before rerendering to smoothly transition from one state to another. Without the componentWillReceiveProps function call from the class components, this was hard to do. …
I once got great advice while overhearing someone else’s conversation. My old tech lead was chatting with another engineer in my team and he said something along the lines of:
“In any job I regularly think about whether I’m Learning, Earning and Advancing. I don’t stay anywhere if I’m not getting at least two out of three of them.”
I have followed this advice for years and it has really helped me to evaluate positions I was in and compare potential job opportunities. …
Over the years, my understanding of what it takes to grow as an engineer and climb my career ladder has changed dramatically. When I started out, I was confident all I needed to do was to become an amazing coder. I thought I just needed to know how to build complicated features.
Though, when I looked at the careers of more senior people in technology, this didn’t really add up. Most CTOs and Technical Directors aren’t spending their time in the codebase and worrying about code quality in their day to day roles. Even technical architects and leads don’t always spend lots of their time writing code. …
I gave a talk called Junior.next() at a few different events. This is a written version of a section in that talk. Over the upcoming weeks I also plan to write about all the other parts too :)
So, I don’t mean this to sound cringey, because it sounds cringey in my head, but I think stretching yourself and setting stretch goals in your tech career is so important. When I first started out as a software engineer my aim was to say yes to everything.
In my attempt to write more in 2020, I want to start by looking back and reflecting over 2019. In 2018 I enjoyed a busy year of travel, speaking and breaking out of my comfort zone in my day to day work. After the whirlwind of that year, 2019 was about dialling back and enjoying life outside of work, I really needed to recuperate 😅
At FutureLearn I moved teams, twice. I’d spent about a year and a half working in a consumer focused team. We worked on features aimed at helping our learners to find the right course for their needs and find them quickly. As much as I loved this team, I also wanted to try something new and learn different skills. …
I’ll be honest, I was a teeny bit disappointed when
Never mind. It is by no means wasted learning.
Async / Await are actually like the next level to promises. So, it helps to understand how promises work before using them.
GraphQL has been a buzzword for ages, and one that I’ve not had the time to really look into. Though, I’ve been at Codemotion Berlin this week 🎉, so when I saw Michelle Garrett’s talk ‘Build the API you want to see in the world (with GraphQL)’, it sounded like an opportunity to finally understand the hype.
Firstly, the thing that I’ve heard the most; is how GraphQL will eventually replace REST. Michelle started by talking about the differences between the two.
REST generally involves calls to different endpoints, like
/actors then you have to figure out how to stitch these calls together to get the information you actually want. …