The (new) React lifecycle methods in plain, approachable language

What are lifecycle methods? How do the new React16+ lifecycle methods fit in? How can you intuitively understand what they are and why they are useful? If you’ve had questions on how the React lifecycle methods work — look no further.

Full article

Read More

Advanced JavaScript Logging Using console.group()

I've always been a great fan of the Chrome Developer Tools when it comes to debugging JavaScript code. Despite a great step-by-step debugger, the browser console is still my favorite and most frequently used tool for quick inspection.

Full article

Read More

I changed my implementation of an EXTREMELY deeply nested Angular Reactive Form and you won’t believe what happened ?

I did eventually answer the question. But then I thought why not write another detailed medium article about it.??‍♂️ So here I am, doing just that. Just have a look at the above StackBlitz. There are 2 major issues with it:

Full article

Read More

Real Time Apps with TypeScript: Integrating Web Sockets, Node & Angular

Some time ago I implemented a simple chat application using TypeScript language only. The main goal was to write a demo to explain how you can use this programming language on the client side and on the server. The client app is using latest Angular features.

Full article

Read More

Node.js & JavaScript Testing Best Practices (2019)

As an independent Node.js consultant I’m engaged and review 10+ projects every year and my customers justifiably ask to focus on testing. A few months ago, I started to document here the insights and repeating errors I observe at the field and suddenly it piled-up into 30 testing best practices.

Full article

Read More

12 Concepts That Will Level Up Your JavaScript Skills

JavaScript is a complex language. If you’re a JavaScript developer at any level, it’s important to understand its foundational concepts. This article tackles 12 concepts that are critical for any JS developer to understand, but in no way represents the full breadth of what a JS developer should know.

Full article

Read More

Of Mice and BEM: Getting Past Common Problems With CSS Organization

The CSS naming convention of Block, Element, Modifier, or BEM, can be a tough concept to grasp. The fundamentals of this naming convention are fairly straightforward, but a lot gets lost in translation as developers begin implementing the tool.

Full article

Read More

Tips on React for large scale projects

It’s been two years time that I’ve met React and immediately fell in love with it. The way that React works, as a declarative, not-so-large library created exclusively to build rich User Interfaces provides everything as necessary (plus a rich ecosystem with tons of add-ons).

Full article

Read More

Headless CMS: REST vs JSON:API vs GraphQL

We compare REST, JSON:API and GraphQL — three different web services implementations — based on request efficiency, operational simplicity, API discoverability, and more. The web used to be server-centric in that web content management systems managed data and turned it into HTML responses.

Full article

Read More

How to set up & deploy your React app from scratch using Webpack and Babel

So you’ve been using create-react-app a.k.a CRA for a while now. It’s great and you can get straight to coding. But when do you need to eject from create-react-app and start configuring your own React application? There will be a time when we have to let go of the safety check and start venturing out on our own.

Full article

Read More

Using CSS Grid the right way

CSS Grid is robust, flexible, and a refreshing paradigm shift from other CSS layout systems. While these are selling points for Grid, they also make it hard to learn.

Full article

Read More

Building a modern app using Nest.js, MongoDB and Vue.js

Nest.js introduces a modern way of building Node.js apps by giving it a proper and modular structure out of the box. It was fully built with TypeScript but still preserves compatibility with plain JavaScript.

Full article

Read More

How to Test Your Frontend with the Cypress.io Framework

Modern JavaScript frameworks present an easier and more organized way to create web applications. However, they also add complexity that sometimes breaks things in a subtle yet impactful way. To combat this and ensure we don’t introduce more bugs than we fix, we can turn to automated frontend testing.

Full article

Read More

Progressive Web Applications: A Progressive State of the Web

Progressive Web Applications is a term that was coined in 2015 by designer Frances Berriman and Google Chrome engineer Alex Russell. It was coined to denote applications that take advantage of modern browsers and the capabilities they offer to create offline-capable, device-hardware accessible and relatively fast modern web applications that tend to provide a native application like User Experience.

Full article

Read More

The Smart Ways to Correct Mistakes in Git

The world of software development offers an infinite amount of ways to mess up: deleting the wrong things, coding into dead ends, littering commit messages with typos, are a mere few of the plentitude. ​​Fortunately, however, we have a wonderful safety net under our feet in the form of Git when we’re working with version control.

Full article

Read More

Build Mobile-Friendly Web Apps with React Native Web

Over the years, building web applications that are mobile friendly has become easier with the advent of media queries and the introduction of service workers. Using media queries, we could make web applications that different shapes when viewed on mobile devices.

Full article

Read More

Guide to Monorepos for Front-end Code

Monorepos are a hot topic for a discussion. There have been a lot of articles recently about why you should and shouldn’t use this type of architecture for your project, but most of them are biased in one way or another.

Full article

Read More

Salary Negotiation Tips from White Men in Tech: Part 1

First Marcus Carey and Jennifer Jin released the @tribeofhackers book and inspired me to get back to researching to make my digital book a physical reality in 2019. This is an excellent response, but for some, it is the beginning of a longer conversation that some are not prepared to have.

Full article

Read More

Creating Usability with Motion: The UX in Motion Manifesto

Over the last 5 years, it has been my privilege to coach and mentor UX & UI designers in over 40 countries, and at hundreds of the top brands and design consultancies through my workshops and tutorials on UI Animation.

Full article

Read More

The Essential Tools for Programmers

This is a list of essential tools and services from my coding workflow that I think should be part of every web programmer’s toolkit. Whether you a building a simple “Hello World” app or a complex web application, these tools should make your coding easier and increase productivity. 1.

Full article

Read More

ES5 to ESNext — here’s every feature added to JavaScript since 2015

JavaScript today is in the privileged position to be the only language that can run natively in the browser, and is highly integrated and optimized for that. The future of JavaScript is going to be brilliant.

Full article

Read More

Working with TypeScript in Visual Studio Code

TypeScript and Visual Studio Code are two amazing products created by Microsoft, and - surprise surprise- they work amazing together! Let's take a look at how Visual Studio Code makes it a breeze to work with and configure TypeScript! Install the TypeScript package globally and create a ".

Full article

Read More

HTML Snapshot Testing with Node

It’s been almost a year since my posts on Excel workbook snapshot testing and PDF snapshot testing. Both of these have proven to be very valuable in our automated test suite and have allowed us to easily catch regressions, manually inspect the differences, and then update as needed.

Full article

Read More

Git Merging vs. Git Rebasing : The Beginner's Guide

Let’s say you’re creating a feature branch off a master for a new feature you are about to implement. You finish up your work on the feature branch while one of your colleagues is making some changes on the master branch.

Full article

Read More

To Grid or to Flex?

However, reading tweets individually doesn’t tell the whole story. In this article I want to unpack when and where you might want to use Grid or flexbox, and some reasons for choosing one or the other.

Full article

Read More

Trunk-based Development vs. Git Flow

In order to develop quality software, we need to be able to track all changes and reverse them if necessary. Version control systems fill that role by tracking project history and helping to merge changes made by multiple people.

Full article

Read More

How To Organize Express Controllers For Large Codebases

Three years ago, I started developing an Express.js API for a company. I wondered what could be the best controllers architecture to stay organized as the codebase grows. Influenced by Sails or Rails and by my research, I came to create my own system.

Full article

Read More

Do we still need JavaScript frameworks?

As a web developer, I try to assess my toolbox regularly and determine if I can do without this or that tool. Recently, I have been investigating just how easy it is to develop a complex front end application without a front end framework.

Full article

Read More

Angular Development Best Practices

In this article, we are going to show what we consider to be the best practices in Angular while develop the client side project in this framework. During the development process it is really easy to forget about some rules or recommendations in Angular, so having the reference to look at from time to time is a good way to refresh memory.

Full article

Read More

Making Google Fonts Faster⚡

If you use Google Fonts on your website or web application, a few additional steps can lead to much faster load times. In this article, I will show you how to: Google Fonts is hosted on a pretty fast and reliable content delivery network (CDN), so why might we consider hosting on our own CDN?

Full article

Read More

Learning JavaScript Design Patterns

Design patterns are reusable solutions to commonly occurring problems in software design. They are both exciting and a fascinating topic to explore in any programming language. One reason for this is that they help us build upon the combined experience of many developers that came before us and ensure we structure our code in an optimized way, meeting the needs of problems we're attempting to solve.

Full article

Read More

“Your app will be finished on Tuesday.” — which Tuesday?!

If you search online for trends in software development you’ll find an endless supply of information on booming technologies and how tech is going to impact every sector by 2020.

Full article

Read More

Debugging Angular CLI inside VSCode with Browser Preview

Incase you haven’t heard about it yet, Kenneth Auchenberg — Program Manager on the VSCode team recently released an incredible extension to the marketplace, allowing you to run & debug not only Angular applications, but all applications debug right inside of VSCode!

Full article

Read More

Manage your Node App using Docker Like a Pro

Docker, the most popular tech among developers. It is one of the widely adopted technology at an enterprise level because of its great containerizing feature along with many other features that highly increases the productivity of projects from development to shipping.

Full article

Read More

Creating a web design system from an app design system

I work at Tink, an online service that provides the best way to connect to banks across Europe and quickly build smart financial services. We provide our API to huge banks such as ABN Amro, Klarna, SEB, SBAB and more.

Full article

Read More

An introduction to npx, the npm package runner

What if you could interact with and run node modules without having them downloaded locally? What if you could directly run the code of your GitHub gist? Doesn’t sound possible? It actually is.

Full article

Read More

Jest Snapshots for API Contract Testing

Jest is a great JavaScript testing tool - it’s simple, fast and easy to use. One of the key features that I enjoy using for UI testing is its [snapshot testin](http://bit.ly/2SAFPw0], a quick way of capturing the output of a test and comparing against an expected result.

Full article

Read More

10 React mini-patterns

Over the last few years, I’ve worked on a handful of decent-sized React projects, and many, many pint-sized ones. Throughout this magical journey, a number of patterns have come up that I find myself repeating again and again. Because that’s what patterns are.

Full article

Read More

Set Up Jenkins CI in 30 Minutes

Do you want to experiment with Jenkins CI in a local setup? In this post, we will set up a local Jenkins CI server, create a build job for a simple Spring Boot Maven project, and push the created Docker image to DockerHub.

Full article

Read More

Let's talk JS ⚡: unit testing

If you're new to programming or you're just a hobby programmer and haven't ever done any kind of open source project then you might feel a bit skeptical about the idea of testing your code.

Full article

Read More

How Gatsby is so blazing fast

Performance greatly affects the user experience. Gatsby builds fast websites out-of-the-box. When creating the tool, they noticed that slow websites are slow in different ways, but fast websites are fast in similar ways. So baking optimization approaches in a framework resulted in Gatsby.

Full article

Read More

Fully functional WhatsApp Clone using React, GraphQL, Apollo, TypeScript and PostgreSQL

You might have seen it around already — an open-source WhatsApp Clone tutorial; a project which was originally started in 2015 by Urigo based on Angular-Meteor and Ionic, and have been throughout different incarnations ever since.

Full article

Read More

React vs Angular: An In-depth Comparison

This article was updated on 30 January, 2019 to reflect the current state of the Angular and React ecosystems. Should I choose Angular or React? Each framework has a lot to offer and it’s not easy to choose between them.

Full article

Read More

What Is Functional Programming?

This is my take on what functional programming really is, in a way that will make sense to a jobbing programmer just trying to Get Stuff Done. Two? Only one, surely?

Full article

Read More

? A Kubernetes Developer Workflow for MacOS

Kubernetes development is not one-size-fits-all. Maybe you’re learning Kubernetes with Minikube on your local machine; maybe you’re part of a large organization with many clusters; maybe your cluster is an on-prem lab, or lives in the cloud.

Full article

Read More

What Does Vue 3.0 Mean for Web Development?

Last November, Vue creator, Evan You, showcased the key updates on Vue 3.0 — the latest iteration of the rising Javascript framework. These optimizations make Vue more efficient, modular, and easy to use. I will discuss these changes and the impact I believe they’ll have following Vue 3.

Full article

Read More

Building an Online Retail Dashboard in React

In this tutorial, we’ll be focusing on creating a dashboard for an Online Retail Store. Online Retail Stores generate revenue across other e-commerce giants, apart from their own website.

Full article

Read More

Keeping your code clean

Some minutes later, one of the judges who was a senior engineer walked up to my desk with a look of disapproval on her face and muttered: “Your code is not clean, It’s messy!” and that was the beginning of my journey towards a cleaner code.

Full article

Read More

A modern solution to lazy loading using Intersection Observer

Performance of a web application has become a key factor in deciding conversion rates for e-commerce websites. The faster a page loads, the better the conversion rate.

Full article

Read More

? The Top 50 Developer Tools of 2018

It’s that time of the year again! The 5th Annual StackShare Awards have arrived! ? This is your one-stop resource for developer tools, with a wrap up of what was hot in 2018 and what to be on the lookout for in 2019.

Full article

Read More