tech/webdev magazine

September 30, 2020

A growing list of accessibility tools and resources

Wednesday, September 30, 2020 Teklinks

The Accessibility Resources is a growing list of more than 200+ hand-curated accessibility plugins, tools, articles, case studies, design patterns, assistive technologies, design resources and accessibility standards.

Full article

Tailwind CSS Resources you wish you had.

Wednesday, September 30, 2020 Teklinks

This week I decided to take a look at Tailwind CSS and create a simple e-commerce website. The first thing I noticed is how well the documentation was written. Even if Tailwind is your first CSS framework, you will easily be able to navigate through different sections😉.

Full article

September 28, 2020

Effective Product Management

Monday, September 28, 2020 Teklinks

As a VP at VMware of product management, I spend a lot of time talking to teams about what the product management discipline should look like. Every step of the product management journey has been a delight for me — from individual contributor to managing a team of well over one hundred product managers.

Full article

Create a Modular React Component Library

Monday, September 28, 2020 Teklinks

Design systems/UI libraries used to be a luxury enjoyed exclusively by large enterprises, but in recent years, due to the advent of new technologies, we've seen that changed quite drastically.

Full article

September 27, 2020

React is becoming a black box

Sunday, September 27, 2020 Teklinks

It pains me to say it, but React on the verge of becoming a black box. On any given day, just search “React hooks” or “React Concurrent Mode” on Twitter and you’ll inevitably stumble upon a conversation that goes something like this:

Full article

36 Hidden Google Search Games and Easter Eggs

Sunday, September 27, 2020 Teklinks

Google has hidden lots of quirky Easter eggs and fun games in its search engine. Below are some of the best, so just head to Google and type one of the following searches. Did you mean nag a ram? Not exactly. An anagram is a word (or phrase) formed by rearranging the letters of a source word.

Full article

September 25, 2020

Vital Web Performance

Friday, September 25, 2020 Teklinks

I hate slow websites. They are annoying to use and frustrating to work on. But what does it mean to be “slow”? It used to be waiting for document load. Then waiting for page ready. But with so many asynchronous patterns in use today, how do we even define what “slow” is?

Full article

Most Common Security Vulnerabilities Using JavaScript

Friday, September 25, 2020 Teklinks

JavaScript is undoubtedly the most popular programming language for web development. A survey by Stack Overflow shows that over 67% of professional developers use JavaScript. Additionally, it is used by more than 95% of websites on the web. 

Full article

VSCode Tips and Tricks for Power Users

Friday, September 25, 2020 Teklinks

Becoming a power user is another way to stay ahead. Developers often talk about how they stay at the top of their game and how they constantly learn new things and continue to hone their skills.

Full article

September 22, 2020

An Introduction To Running Lighthouse Programmatically

Tuesday, September 22, 2020 Teklinks

Being able to run Google’s Lighthouse analysis suite programmatically provides a lot of advantages, especially for larger or more complex web applications. Using Lighthouse programmatically allows engineers to set up quality monitoring for sites that need more customization than straightforward applications of Lighthouse (such as Lighthouse CI) allow.

Full article

September 20, 2020

Migrating from styled-components to Stitches

Sunday, September 20, 2020 Teklinks

This post is about highlighting the main differences between styled-components and Stitches. Some of these differences are related to the authoring experience. Others are about what happens behind the scenes. Disclaimer: This post isn't about comparing which one is best.

Full article

How to Use Rate Limiting on Nginx

Sunday, September 20, 2020 Teklinks

Rate limiting controls how many requests users can make to your site. This is usually put in place to stop abusive bots, limit login attempts, and control API usage, which can prevent your server from slowing down under load.

Full article

September 17, 2020

React + TypeScript ❤️: The good parts ⚡

Thursday, September 17, 2020 Teklinks

I've started using TypeScript with React, and after a while, learning, and implementing them together. This is how I feel: If we type labels. inside List we get the code completion with methods and attributes from Array.prototype, in this case Array.prototype.

Full article

Tailwind CSS Resources you wish you had.

Thursday, September 17, 2020 Teklinks

This week I decided to take a look at Tailwind CSS and create a simple e-commerce website. The first thing I noticed is how well the documentation was written. Even if Tailwind is your first CSS framework, you will easily be able to navigate through different sections😉.

Full article

September 15, 2020

Performance tests in your CI Pipeline with Lighthouse CI

Tuesday, September 15, 2020 Teklinks

Lighthouse CI is Google’s 2nd take on running performance analysis on the development flow for a web app. Previous and now deprecated was Lighthouse Bot. In this article we’ll go along the setup of Lighthouse CI in an existing pipeline of continuous integration that we use in our web apps at Properati.

Full article

Automate JavaScript project versioning with commitizen and standard-version

Tuesday, September 15, 2020 Teklinks

It is such a hassle to manually update versions, changelogs, and create git tags. Ever wonder if there is a better way of doing this? Fear not, standard-version will do everything that is said in a single command line!! To implement the auto versioning, there are several configurations that need to be done though.

Full article

September 14, 2020

6 Ways to Make the Most of Your Remote Sprint Retrospective

Monday, September 14, 2020 Teklinks

Like many companies, Atomic is currently operating remotely due to the Covid-19 pandemic. While software design and development are certainly possible in a fully-remote context, there are a few meetings and tasks that can be more difficult when you can’t be in the same room as your teammates.

Full article

How to Run a Linux Program at Startup with systemd

Monday, September 14, 2020 Teklinks

Need to launch a Linux program at boot? The systemd software provides a way to do it on any Linux distro with systemd—which is most of them these days, including Ubuntu. We’ll walk you through the process of creating an integrated service—and it even talks to the journal.

Full article

AVIF has landed

Monday, September 14, 2020 Teklinks

Back in ancient July I released a video that dug into how lossy and lossless image compression works and how to apply that knowledge to compress a set of different images for the web. Well, that's already out of date because AVIF has arrived. Brilliant.

Full article

September 9, 2020

4 Practical Ways to Build Micro Frontends

Wednesday, September 09, 2020 Teklinks

For most projects, the frontend world remains largely monolithic. Just as with the backend before micro-services, this means that it’s hard to scale development and that teams keep stepping on each other’s toes instead of being free to independently build, deliver, and choose their own tech solutions. Instead of working separately from each other, developers are all bound to the same codebase of a growing SPA or SSR app and so are all forced to crowd in the same build pipeline. This makes development inefficient and hard to scale.

Full article

A Gentle Introduction to Code Splitting with React

Wednesday, September 09, 2020 Teklinks

A lot of folks (myself included) are used to write SPA React applications that need both a user-facing part and an admin interface for managing the data. In general, there are a variety of options that are commonly used to implement this type of requirements, which typically fall into two categories...

Full article

Beginners guide to Kafka

Wednesday, September 09, 2020 Teklinks

Apache Kafka is an open-source distributed event streaming platform used by thousands of companies for high-performance data pipelines, streaming analytics, data integration, and mission-critical applications.

Full article

September 8, 2020

Building React Apps With Storybook

Tuesday, September 08, 2020 Teklinks

Storybook is a UI explorer that eases the task of testing components during development. In this article, you will learn what storybook is about and how to use it to build and test React components by building a simple application. We’ll start with a basic example that shows how to work with storybook, then we’ll go ahead to create a storybook for a Table component which will hold students’ data.

Full article

⚛️ 🚀 React Component Patterns

Tuesday, September 08, 2020 Teklinks

This documentation will help identify the trade-offs of the different React patterns and when each pattern would be most appropriate. The following patterns will allow for more useful and reusable code by adhering to design principles like separation of concern, DRY, and code reuse.

Full article

Use VSCode Like a Senior Developer

Tuesday, September 08, 2020 Teklinks

VSCode is one of the most popular code editors, skilled use of VSCode can greatly improve our programming efficiency. Here I will introduce some advanced tips for using VSCode, which I hope will help you. We might want to type the same thing in different places at the same time.

Full article

September 7, 2020

10 lesser-known Web APIs you may want to use

Monday, September 07, 2020 Teklinks

API is the acronym for Application Programming Interface which defines interactions between multiple software architecture layers. Programmers carry out complex tasks easily using APIs in software development.

Full article

Work-from-Home Fatigue? Change Things Up

Monday, September 07, 2020 Teklinks

Work can be stressful and tiresome, especially these days — it can be hard to find motivation in the midst of current events. And when I’m working, I can’t always reach the same level of productivity that I have in the past. Why is that?

Full article

Towards an understanding of technical debt

Monday, September 07, 2020 Teklinks

What I was trying to say was, “I’m deeply uncomfortable with how our industry talks about this thing, I think it’s probably harmful, but I don’t know quite how to express what I mean.

Full article

September 6, 2020

Designing a JavaScript Plugin System

Sunday, September 06, 2020 Teklinks

It simplifies the API. It makes testing easier (for both BetaCalc and the plugins themselves). It reduces the dependencies of our system, making it more loosely coupled.

Full article

Redux vs React's Context API

Sunday, September 06, 2020 Teklinks

For the last few years, Redux has been THE state management solution for bigger React apps. It’s far from being dead and yet, a strong enemy is arising: React’s Context API!

Full article

A Basic Introduction to Webpack

Sunday, September 06, 2020 Teklinks

In this article, I will introduce the core concepts with Webpack in a practical easy to follow manner. I will explain setting up webpack configuration file from scratch and what each of the configuration such as entry point, css, loaders, plugins mean.

Full article

September 5, 2020

Building A Component Library With React And Emotion

Saturday, September 05, 2020 Teklinks

A component library helps to keep a design consistent across multiple projects. It ensures consistency because any changes made will propagate across the projects that make use of it. In this tutorial, we’ll learn how to build a component library, using Emotion in React to resolve inconsistencies.

Full article

The Missing Introduction to React

Saturday, September 05, 2020 Teklinks

React is the world’s most popular JavaScript framework, but it’s not cool because it’s popular. It’s popular because it’s cool. Most React introductions jump right into showing you examples of how to use React, and skip the “why”. That’s cool.

Full article

7 Pitfalls to Avoid With OKR’s

Saturday, September 05, 2020 Teklinks

Can you name the top five priorities for your organization or department? OKRs are an important aspect to achieving business goals, but what are their pitfalls? Can you name the top 5 priorities for your organization (or department)? How likely is that your colleagues can also come up with the same

Full article

September 2, 2020

How to establish a Git Team Workflow

Wednesday, September 02, 2020 Teklinks

When I have been working with my clients over the last years, I have seen how crucial it can be to establish a common sense git workflow for a team to become productive.

Full article

Using environment variables in React

Wednesday, September 02, 2020 Teklinks

When you don’t have a server-side programming background, environment variables can seem like a bit of magic. That lack of knowledge smacks you in the face like a bag of dicks, when you’re done creating todo applications on your localhost, and try to create a production build for the first time.

Full article

Lazy Load Images in Angular with Two Lines of Code

Wednesday, September 02, 2020 Teklinks

Image lazy loading defers the loading of an image that isn’t currently visible in the viewport. Such an image will be loaded only when the user scrolls and the image becomes visible. Using this technique, we can gain better performance and load time.

Full article