tech/webdev magazine

April 30, 2020

5 Really Good Reasons to Use Redux Over Context

Thursday, April 30, 2020 Teklinks No comments

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

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

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

100 of the Best Engineers, Developers, Coders, and Entrepreneurs to Follow Online

Wednesday, April 29, 2020 Teklinks No comments

Jim Rohn famously said that we are the average of the five people we spend the most time with. This applies to work too. Imagine you could surround yourself with people like Bill Gates, James Gosling, Uncle Bob, Elon Musk, Quincy Larson, and other brilliant engineers, developers and entrepreneurs.

Full article

April 26, 2020

The Cost of Javascript Frameworks

Sunday, April 26, 2020 Teklinks No comments

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

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

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

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

Coding a SaaS in 2020

Saturday, April 25, 2020 Teklinks No comments

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

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

April 21, 2020

7 Major JavaScript Concepts Explained Simply

Tuesday, April 21, 2020 Teklinks No comments

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

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

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

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

April 19, 2020

Strategies for migrating to TypeScript

Sunday, April 19, 2020 Teklinks No comments

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

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

April 17, 2020

April 16, 2020

Best Practices With React Hooks

Thursday, April 16, 2020 Teklinks No comments

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

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

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

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

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

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

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

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

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

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

?? JavaScript's Null Coalescing Operator

Wednesday, April 08, 2020 Teklinks No comments

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

April 4, 2020

Best Zoom alternatives for video call and conferencing

Saturday, April 04, 2020 Teklinks No comments

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

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

April 3, 2020

Telegram Bot for GitHub Actions

Friday, April 03, 2020 Teklinks No comments

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

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

April 2, 2020

Version 9.1 of Angular Now Available

Thursday, April 02, 2020 Teklinks No comments

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

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