tech/webdev magazine

September 30, 2020

Tailwind CSS Resources you wish you had.

Wednesday, September 30, 2020 Teklinks No comments

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

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

September 27, 2020

React is becoming a black box

Sunday, September 27, 2020 Teklinks No comments

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

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

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

September 22, 2020

An Introduction To Running Lighthouse Programmatically

Tuesday, September 22, 2020 Teklinks No comments

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

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

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

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

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

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

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

How to Run a Linux Program at Startup with systemd

Monday, September 14, 2020 Teklinks No comments

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

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

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

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

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

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

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

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

Work-from-Home Fatigue? Change Things Up

Monday, September 07, 2020 Teklinks No comments

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

September 6, 2020

Redux vs React's Context API

Sunday, September 06, 2020 Teklinks No comments

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

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

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

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

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

Using environment variables in React

Wednesday, September 02, 2020 Teklinks No comments

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