tech/webdev magazine

March 31, 2020

March 30, 2020

Class definitions in TypeScript

Monday, March 30, 2020 Teklinks

We’ll start by taking a quick look at how class definitions work in plain JavaScript before moving on to TypeScript-specific features. This section is a cheat sheet for class definitions in plain JavaScript.

Full article

Modal vs Page: A Decision Making Framework

Monday, March 30, 2020 Teklinks

You’re creating a patient registration flow and your user is partway through the form wizard and needs more information on how to find and fill out their “insurance certificate number” in order to continue. Some users need to know what this means.

Full article

March 29, 2020

March 27, 2020

How to watch folder for changes in Node.js

Friday, March 27, 2020 Teklinks

Have you ever got a task in which you build a service to listen or watch another project (folder). If there is an error, a notification will be thrown. In this tutorial, we’re gonna look at a way to solve this problem: watch a folder for changes in Node.js. The problem is determined.

Full article

Managing Remote Teams

Friday, March 27, 2020 Teklinks

On remote teams, conveying team norms is a different process from in the office. Office workers can usually stroll to another desk and ask somebody a question whenever one comes up. On remote teams, your team members may work at different times, or be busy with family errands in the middle of the workday (and that’s OK — people should work when they can be most productive).

Full article

Performance Optimization Techniques In React

Friday, March 27, 2020 Teklinks

React uses many techniques internally to minimize the number of DOM operations that are required to update UI. However any application, whether developed in React or any other front-end framework, it’s performance will degrade eventually.

Full article

March 25, 2020

Top 10 Static Site Generators in 2020

Wednesday, March 25, 2020 Teklinks

With the growth of the JAMstack and its community, Static Site Generators are becoming more and more popular. In this article, let's take a look at the top Static Site Generators of 2020! First off, let's quickly talk about the benefits of Static Site Generators.

Full article

Git aliases I can't live without

Wednesday, March 25, 2020 Teklinks

My love for aliases started when I installed zsh and its addon suite oh-my-zsh for the first time. It contains a big set of predefined aliases and helper functions for different command line programs.

Full article

March 24, 2020

9 Free Programming Courses by Harvard, MIT, IBM, Google, and Microsoft

Tuesday, March 24, 2020 Teklinks

A traditional degree can be costly, especially if you’re thinking about a career change or don’t want to rack up a large student loan. While community colleges and local institutions tend to be much lower in cost, you might be unsure about such a long-term commitment or have family-related logistics to coordinate.

Full article

How to Record a Zoom Meeting

Tuesday, March 24, 2020 Teklinks

If you’re hosting a meeting on Zoom, you might want to record it for future reference. If you’re a participant in the meeting, you will need permission from the host before you’re able to record. Here’s how to do both.

Full article

Elegant Development Experience With Zsh and Hyper Terminal

Tuesday, March 24, 2020 Teklinks

Developers spend a lot of time working in their terminal doing the following tasks: Navigating the file system Manipulating files (creating, updating, reading and deleting) Running git commands Running local servers Running tests And a lot more...

Full article

March 22, 2020

March 21, 2020

Frontend Testing Fundamentals With Cypress

Saturday, March 21, 2020 Teklinks

Cypress is a end to end frontend testing tool which simulates user navigation while running in browser. Few weeks ago we discovered the fundamentals of it, how we could install it and how we could create custom commands for it.

Full article

March 20, 2020

How to Micro Frontend with React

Friday, March 20, 2020 Teklinks

Micro Frontends are the equivalent for Microservices: Whereas microservices are an architecture to split up monolithic backend applications into smaller services, micro frontends can be used to achieve the same on the frontend. But they are not as popular as microservices yet.

Full article

React Suspense in Practice

Friday, March 20, 2020 Teklinks

This post is about understanding how Suspense works, what it does, and seeing how it can integrate into a real web app. We'll look at how to integrate

Full article

March 19, 2020

Gear Up for Remote Work

Thursday, March 19, 2020 Teklinks

Setting up your remote work space can be daunting. You’ll be confronted with dozens of purchasing decisions, and you may feel like you need to do a lot of research. I build and advise remote development teams as part of my regular work, and have been doing so since 2014.

Full article

3 Ways to Render Large Lists in Angular

Thursday, March 19, 2020 Teklinks

Frameworks in 2020 got better, more efficient and faster. With that said, rendering large lists of items on the Web without causing the Browser to freeze can still be hard even for the fastest frameworks available. This is one of the many cases where “the framework is fast, your code is slow”.

Full article

A Comparison of React and Svelte

Thursday, March 19, 2020 Teklinks

The fruit bowl of frontend frameworks is full and React is the fat melon taking up all the space. Do we really need another technology to learn? Rich Harris of the New York Times says yes, and SvelteJS is his offering. As an engineer, it’s important to explore different technologies.

Full article

March 17, 2020

Why I Don’t Use Classes

Tuesday, March 17, 2020 Teklinks

Recently, one of my teammates noted that our project’s codebase doesn’t have a lot of classes. The observation wasn’t framed positively or negatively. It was just an observation about a particular code style of the team as a whole. I didn’t think much about it at the time.

Full article

Hookify Your React Forms

Tuesday, March 17, 2020 Teklinks

This post assumes that you are comfortable with the basics of ReactJS and React hooks such as useState. We will be writing a little CSS and utilizing Bootstrap so the styling will not be covered in great detail here.

Full article

Implementing Infinite Scroll And Image Lazy Loading In React

Tuesday, March 17, 2020 Teklinks

If you have been looking for an alternative to pagination, infinite scroll is a good consideration. In this article, we’re going to explore some use cases for the Intersection Observer API in the context of a React functional component. The reader should possess a working knowledge of React functional components. Some familiarity with React hooks will be beneficial but not required, as we will be taking a look at a few.

Full article

March 16, 2020

Automate GitHub Dependency Updates with Dependabot

Monday, March 16, 2020 Teklinks

You should be familiar with this tiring email notification from GitHub. If you have tons of repositories on GitHub like me, you will receive tons of these emails virtually every day, and this can be annoying as most time, the vulnerabilities come from installed packages, which might get updated daily.

Full article

3 Reasons to Use Yarn in 2020 (and Beyond)

Monday, March 16, 2020 Teklinks

When Yarn was first released, it was a huge step forward for the JavaScript and NPM community. At the time, NPM did not support deterministic sub-dependency resolution. And Yarn was considerably faster, primarily due to the introduction of an offline cache.

Full article

March 15, 2020

10 Best Practices for Your Daily Stand-Up

Sunday, March 15, 2020 Teklinks

Every software is a collaborative effort of skill and people. The daily stand-up is a practice where teams share progress and the whole team can visualize the trajectory of the project ahead. Here are a few practices teams should follow to make the meeting more meaningful.

Full article

5 Ways to Share Code in 2020

Sunday, March 15, 2020 Teklinks

Sharing code in different projects is a powerful way to speed development. However, writing the same code over and over again in different projects is a bad practice. Copy-pasting code doesn’t make it any better.

Full article

March 11, 2020

The Apps I Use Every Day to Help Me Focus

Wednesday, March 11, 2020 Teklinks

The only way to make technology work with productivity is to keep things dead simple. In a time where we are constantly bombarded with notifications and screens are always screaming for our attention, sticking to more than a few apps to use daily on your phone is a recipe for getting lost, losing your focus, and forgetting what you were going to do when you opened your phone.

Full article

Introducing Alpine.js: A Tiny JavaScript Framework

Wednesday, March 11, 2020 Teklinks

Like most developers, I have a bad tendency to over-complicate my workflow, especially if there’s some new hotness on the horizon. Why use CSS when you can use CSS-in-JS? Why use Grunt when you can use Gulp? Why use Gulp when you can use Webpack? Why use a traditional CMS when you can go headless? Every so often though, the new-hotness makes life simpler.

Full article

March 8, 2020

BlueGreenDeployment

Sunday, March 08, 2020 Teklinks

One of the goals that my colleagues and I urge on our clients is that of a completely automated deployment process. Automating your deployment helps reduce the frictions and delays that crop up in between getting the software "done" and getting it to realize its value.

Full article

March 7, 2020

Bootstrap 5 release date and what's new about it

Saturday, March 07, 2020 Teklinks

Bootstrap has been around for more than 8 years and it is the most popular CSS Framework in the world. It powers roughly 18 million websites worldwide and these numbers are still growing. If you’re a web developer there is almost zero chance that you wouldn’t have at least heard about it.

Full article

March 5, 2020

React Internationalization with i18n

Thursday, March 05, 2020 Teklinks

When my last client asked me about internationalization in React, I went through all the hoops to prepare a presentation for them. In this React tutorial, I want to show you the gist of what I have learned about translating a React application.

Full article

March 3, 2020

Open source licenses: What, which, and why

Tuesday, March 03, 2020 Teklinks

Most people have at least heard of open source software by now—and even have a fairly good idea of what it is. Its own luminaries argue incessantly about what to call it—with camps arguing for everything from Free to Libre to Open Source and every possible combination of the above—but the one thing every expert agrees on is that it's not open source (or whatever) if it doesn't have a clearly attributed license.

Full article

How To Build A Music Manager With Nuxt.js And Express.js

Tuesday, March 03, 2020 Teklinks

This article introduces how Multer streamlines the process of handling file uploads. It also introduces how to use Mongoose to interact with our database by building a music manager app using Express.js alongside Multer for the music upload and Nuxt.js (Vue framework) for our frontend.

Full article

March 2, 2020

Being the first to start remote working

Monday, March 02, 2020 Teklinks

My girlfriend and I want to move to another city. Not a few miles to the next big city, not to the other side of Holland, but a country on the other side of Europe: Sweden. That's about 1600 kilometers (1000 miles).

Full article

Web Architecture 101

Monday, March 02, 2020 Teklinks

The above diagram is a fairly good representation of our architecture at Storyblocks. If you’re not an experienced web developer, you’ll likely find it complicated. The walk through below should make it more approachable before we dive into the details of each component.

Full article

March 1, 2020

Stop Using Else in Your Programs

Sunday, March 01, 2020 Teklinks

When I first began programming, I wish someone would have told me about a few different concepts to think about when writing my first website. One of the mistakes I fell into when starting was overusing the else keyword when writing conditionals.

Full article