tech/webdev magazine

March 31, 2020

March 30, 2020

Class definitions in TypeScript

Monday, March 30, 2020 Teklinks No comments

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 No comments

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 No comments

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 No comments

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

March 25, 2020

Top 10 Static Site Generators in 2020

Wednesday, March 25, 2020 Teklinks No comments

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

March 24, 2020

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

Tuesday, March 24, 2020 Teklinks No comments

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 No comments

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

March 22, 2020

March 21, 2020

March 20, 2020

How to Micro Frontend with React

Friday, March 20, 2020 Teklinks No comments

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

March 19, 2020

Gear Up for Remote Work

Thursday, March 19, 2020 Teklinks No comments

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 No comments

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 No comments

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 No comments

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 No comments

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 No comments

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 No comments

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 No comments

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 No comments

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 No comments

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 No comments

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 No comments

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 No comments

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 No comments

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 No comments

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 No comments

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

March 2, 2020

Web Architecture 101

Monday, March 02, 2020 Teklinks No comments

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 No comments

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