tech/webdev magazine

April 30, 2020

Real-World Effectiveness of Brotli

Thursday, April 30, 2020 Teklinks

One of the more fundamental rules of building fast websites is to optimise your assets, and where text content such as HTML, CSS, and JS are concerned, we’re talking about compression.

Full article

5 Really Good Reasons to Use Redux Over Context

Thursday, April 30, 2020 Teklinks

React Context was introduced a while back but only got traction after React Hooks were rolled out with React 16.8. While Context does solve the problem it was designed to solve, it’s not a go-to solution for global state management, for the following reasons.

Full article

Everyone Can Now Use Google Meet for Free

Thursday, April 30, 2020 Teklinks

With populations around the world either in lockdown and/or following social distancing rules, video chat has suddenly become much more popular. And Google is responding to that explosive uptick in interest by making Google Meet free for everyone to use.

Full article

April 29, 2020

Why I stopped using Microservices

Wednesday, April 29, 2020 Teklinks

I've always been fascinated by APIs. In fact APIs, distributed systems, and web services are the reason why I learned to code. When I started my first job as a frontend junior developer, it wasn't foreign to me to interact with a backend API.

Full article

Why is video conferencing so exhausting?

Wednesday, April 29, 2020 Teklinks

Ever since the pandemic lockdown began, I’ve video-chatted more than I ever have before. If it’s not Google Meet with colleagues, it’s Zoom hangouts with friends and FaceTime with family.

Full article

April 26, 2020

The Cost of Javascript Frameworks

Sunday, April 26, 2020 Teklinks

There is no faster (pun intended) way to slow down a site than to use a bunch of JavaScript. The combination is very expensive. The thing about JavaScript is you end up paying a performance tax no less than four times: The cost of downloading the file on the network, The cost of parsing and compiling the uncompressed file once downloaded, The cost of executing the JavaScript, The memory cost

Full article

How to Learn to Code

Sunday, April 26, 2020 Teklinks

Software development is an incredibly rewarding skill that can be extremely valuable. It’s remote-work friendly, and no matter where you live in the world, if you get good enough, you can qualify for great paying work ranging from $100k/year — $200k+/year (USD).

Full article

React Folder Structure in 5 Steps

Sunday, April 26, 2020 Teklinks

How to structure large React apps into folders and files is a highly opinionated topic. I struggled for a while writing about this subject, because there is no right way to do it. However, every other week people ask me about how I structure my React projects.

Full article

April 25, 2020

Vidact - A compiler to convert React-like apps to VanillaJS

Saturday, April 25, 2020 Teklinks

Vidact compiles your React source codes to VanillaJS code with No Virtual DOM ™️. It is similar to Svelte , but unlike Svelte, Vidact does not introduce a new syntax. It takes in pure React-compatible JavaScript (JSX) and outputs plain JavaScript. Vidact currently is in alpha phase and has known limitations.

Full article

Drastically Simplify Testing on CI with Cypress GitHub Action

Saturday, April 25, 2020 Teklinks

Setting up continuous integration server is ... no one's favorite activity. Copying and pasting config YAML or JSON files, pushing code, waiting for the server to reject your commit due to wrong indentation or a missing comma - it is a very frustrating experience, we get it.

Full article

Coding a SaaS in 2020

Saturday, April 25, 2020 Teklinks

Coding a SaaS in 2020 is much different than coding a SaaS 10 years ago. Developers have had a great rush of incredible tools in the past decade to help us build and grow our businesses. There are hundreds of ways to build and grow a SaaS.

Full article

April 23, 2020

CSS for internationalisation

Thursday, April 23, 2020 Teklinks

I’ve come across people who do not think that CSS is related to internationalisation at all, but if you think about it, internationalisation is more than translating the content on your site into multiple languages and calling it a day.

Full article

Getting Started with Sanity.io - A Headless CMS You Can Customize

Thursday, April 23, 2020 Teklinks

If you're looking for a headless CMS with amazing features and tons of customization, look no further than Sanity.io. I recently migrated my personal site from embedded Markdown files to Sanity, and it's been a great experience so far. So, I figured I would share what I learned with you.

Full article

April 21, 2020

7 Major JavaScript Concepts Explained Simply

Tuesday, April 21, 2020 Teklinks

The purpose of lingo is to encapsulate a particular idea into a nice and compact word. However, meaning is lost if you don’t understand what the word means. In the dev world, more advanced topics are often out of reach and often times discouraging for new developers.

Full article

Implementing Skeleton Screens In React

Tuesday, April 21, 2020 Teklinks

13 min read React, Tools, Techniques Share on Twitter or LinkedIn In this tutorial, you’ll learn what a skeleton screen UI is and some types of skeleton screen libraries, along with their pros and cons. We’ll build a YouTube-like skeleton screen UI using React Loading Skeleton.

Full article

April 20, 2020

7 Git Commands You May Not Know

Monday, April 20, 2020 Teklinks

GitHub recently went free for teams which is great news for all devs. We all have our everyday Git commands that we use over and over. But what if I told you there are some lesser known Git commands that may make your life easier.

Full article

What is the JAMstack and how do I get started?

Monday, April 20, 2020 Teklinks

JAMstack sites are all the rage right now in the web dev world. And rightfully so! But what exactly is it and how can we all take advantage of its benefits? To start, JAMstack is a software architecture and philosophy that adheres to the following components: Javascript, APIs, and Markup.

Full article

Creating web apps via TypeScript and webpack

Monday, April 20, 2020 Teklinks

This blog post describes how to create web apps via TypeScript and webpack. We will only be using the DOM API, not a particular frontend framework. The repository ts-demo-webpack with the files can be downloaded from GitHub.

Full article

April 19, 2020

Strategies for migrating to TypeScript

Sunday, April 19, 2020 Teklinks

This blog post gives an overview of strategies for migrating code bases from JavaScript to TypeScript. It also mentions material for further reading. We can support a mix of JavaScript and TypeScript files for our code base.

Full article

Profiling React.js Performance

Sunday, April 19, 2020 Teklinks

Today, we'll look at measuring React component render performance with the React Profiler API, measuring interactions with React's new experimental Interaction Tracing API and measuring custom metrics using the User Timing API. For demonstration purposes, we'll be using a Movie queueing app.

Full article

The Art of Humanizing Pull Requests (PR’s)

Sunday, April 19, 2020 Teklinks

It is a request for changing code in a repository. Once you make changes you need in your code, you submit a PR. Once submitted, interested parties will perform a code review and provide you with any feedback/changes needed.

Full article

April 17, 2020

April 16, 2020

Best Practices With React Hooks

Thursday, April 16, 2020 Teklinks

12 min read React, Tools, Techniques Share on Twitter or LinkedIn This article covers the rules of React Hooks and how to effectively start using them in your projects. Please note that in order to follow this article in detail, you will need to know how to use React Hooks.

Full article

April 15, 2020

VS Code v1.44 Adds a Git Timeline View

Wednesday, April 15, 2020 Teklinks

VS Code has had consistent, monthly updates and improvements. It's a big reason why so many developers are using the lightweight and smart editor. The update is no different; it brings a useful feature called Timeline View.

Full article

JavaScript Picture-in-Picture API

Wednesday, April 15, 2020 Teklinks

As a huge fan of media on the web, I'm always excited about enhancements to how we can control our media. Maybe I get excited about simple things like the

3 Tips to Write Better React Components

Wednesday, April 15, 2020 Teklinks

One of my tasks for this sprint was to implement a new feature in a very complicated form, with dynamic questions and a logic to jump between them. I estimated five hours for this task. The only change I needed to do was to add an extra validation at the moment to send.

Full article

April 13, 2020

The Wisdom of Asking, "What Did I Expect?"

Monday, April 13, 2020 Teklinks

What did you expect? If you run a rush delivery company, expect that the customers will be rushed. If you run a health food restaurant, expect that your customers will care about the ingredients you use. If you run a preschool, expect that your users will act like little children at times. If you offer urgent consulting services for clients in trouble, expect that they’ll be stressed and want you to work all night. Sometimes, we get what we expect and still complain about it. It’s a feature, though, not a bug.

Full article

April 11, 2020

Create Your Free Developer Blog Using Hugo And Firebase

Saturday, April 11, 2020 Teklinks

In this tutorial, I’ll demonstrate how to create your own blog using Hugo and deploy it on Firebase for free. Hugo is an open-source static site generator and Firebase is a Google platform that offers resources and services used to augment web and mobile development. If you’re a developer who does not have a blog yet but is interested in hosting one, this article will help you create one. To follow these steps, you need to know how to use Git and your terminal.

Full article

Organising Your React Application

Saturday, April 11, 2020 Teklinks

When you start coding a new application, there is always a big question on how to organise it. I am going to describe to you the ideal file structure with best practices that can be used in almost any scenario and its easy to work with.

Full article

Code Review Guidelines for Humans

Saturday, April 11, 2020 Teklinks

Posted on Jul 31, 2018. Updated on Oct 16, 2019 Code reviews are powerful means to improve the code quality, establish best practices and to spread knowledge. However, code reviews can come to nothing or harm interpersonal relations when they are done wrong.

Full article

April 9, 2020

Building dark mode on Stack Overflow

Thursday, April 09, 2020 Teklinks

On March 30, 2020, we enabled folks to opt into a beta dark mode on Stack Overflow. Let’s talk about the work that went into it. I’m Aaron Shekey, Stack Overflow’s principal product designer on design systems. I help design all the interface components that get assembled into new features.

Full article

Using Tailwind CSS with Create React App

Thursday, April 09, 2020 Teklinks

I’ve been hearing a lot about Tailwind CSS lately and I wanted to give it a try, but I wanted to combine Tailwind with Create React App. In this post I’ll show you how to use Create React App with Tailwind CSS in just a couple quick minutes.

Full article

April 8, 2020

Smoothing the Design Handoff with a Component Library

Wednesday, April 08, 2020 Teklinks

If your team is like many of the teams we work with, you’ve implemented a component library, but you’re finding that things aren’t working as smoothly expected. Component libraries alone can do the job for a small, highly-skilled implementation team.

Full article

?? JavaScript's Null Coalescing Operator

Wednesday, April 08, 2020 Teklinks

This year ECMAScript 2020 (ES2020) will be released! Since ECMAScript 2015 (ES6) was released in 2015, we have gotten yearly updates to the JavaScript language. In ES2020, we are getting a feature that has been available in other languages like C# and PHP: null coalescing operator.

Full article

April 7, 2020

JavaScript ES2020 Features With Simple Examples

Tuesday, April 07, 2020 Teklinks

JavaScript ES2020 Features With Simple ExamplesThe latest in JavaScriptToday, we’re going to look at ECMAScript features from 2015:ES2015 a.k.a. ES6ES2016 a.k.a. ES7ES2017 a.k.a. ES8ES2018 a.k.a. ES9ES2019 a.k.a. ES10ES2020 a.k.a.

Full article

The JavaScript Beginner's Handbook (2020 Edition)

Tuesday, April 07, 2020 Teklinks

JavaScript is one of the most popular programming languages in the world. It can basically do anything. It's so popular that everything new that shows up is going to have some kind of JavaScript integration at some point.

Full article

April 4, 2020

Best Zoom alternatives for video call and conferencing

Saturday, April 04, 2020 Teklinks

Currently, majority of the world is communicating and staying in contact via Internet due to COVID-19 pandemic. In this scenario, Zoom app has emerged as one of the most popular communication platforms for educationists and professionals to continue work online, as an effort to bring some normalcy to lives in quarantine. However, with popularity comes scrutiny.

Full article

Building A Web App With Headless CMS And React

Saturday, April 04, 2020 Teklinks

This article introduces the concept of the headless CMS, a backend-only content management system that allows developers to create, store, manage and publish the content over an API. It gives developers the power to quickly build excellent user experiences, free from the worry of its impact on the back-end business logic.

Full article

Detect git Directory with Bash

Saturday, April 04, 2020 Teklinks

One interesting aspect of working at Mozilla is that Firefox lives in a mercurial repository while several other projects live on GitHub in a git repository.

Full article

April 3, 2020

Telegram Bot for GitHub Actions

Friday, April 03, 2020 Teklinks

Telegram is a cloud-based mobile and desktop messaging app with a focus on security and speed. It is free to use and extensively hackable. It also has a good bot support system. The API is also easy to implement and has many wrappers for building bots with the API.

Full article

The System Design Primer

Friday, April 03, 2020 Teklinks

Learning how to design scalable systems will help you become a better engineer. System design is a broad topic. There is a vast amount of resources scattered throughout the web on system design principles. This repo is an organized collection of resources to help you learn how to build systems at scale.

Full article

Handling Access and Refresh Tokens using Axios Interceptors.

Friday, April 03, 2020 Teklinks

Axios is a promise-based HTTP client which is written in JavaScript to perform HTTP communications. It has one powerful feature called Interceptors. Axios interceptors allow you to run your code or modify the request and/or response before the request and/or response reaches their destination.

Full article

April 2, 2020

Version 9.1 of Angular Now Available

Thursday, April 02, 2020 Teklinks

We just released Version 9.1 of Angular. This is a minor release of the framework and the CLI that is a drop-in replacement for 9.0 containing new features and bug fixes. Today, the Angular libraries you use are made compatible with the Ivy compiler via our ngcc tool.

Full article

How We're Holding our Daily Company Standup Remotely

Thursday, April 02, 2020 Teklinks

Every workday at 10 a.m., Atoms gather for a company standup meeting. We stand in a big circle, sharing updates on current projects, company milestones, or social events. We also use this time to present Protons & Neutrons. Afterward, we all take a big stretch and go about our day.

Full article