tech/webdev magazine

December 29, 2020

⚛️ 🚀 React Component Patterns

Tuesday, December 29, 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

December 27, 2020

Zombie Scrum Resistance

Sunday, December 27, 2020 Teklinks No comments

This week I had the privilege to facilitate the Zombie Scrum workshop at Enrise with Christiaan Verwijs. Together with Johannes Schartau, Christiaan created the Zombie Scrum » This week, we presented the results of the research into Zombie Scrum at the CodeCuisine Live at Enrise.

Full article

Notion as CMS for Blogs

Sunday, December 27, 2020 Teklinks No comments

We wanted to launch a blog for a long time, but we missed the rich content editing from Notion in other Content Management Systems. One day I found the following repository from ZEIT. They built a Blog using Notion & NextJS. After much research, I stumbled on chorale.app, a Notion Page renderer.

Full article

December 26, 2020

Optimize Performance & Render Website Superfast in ReactJS

Saturday, December 26, 2020 Teklinks No comments

In order to optimize performance of your React code, you have to make sure that it’s not re-rendering unnecessarily. This is the main reason behind performance bottleneck. Use these tips to improve your codebase and make your website superfast – Let’s discuss all these points, one at a time.

Full article

Migrate to typescript - the advance guide

Saturday, December 26, 2020 Teklinks No comments

About a year ago I wrote a guide on how to migrate to typescript from javascript on node.js and it got more than 7k views. I did not have much knowledge on javascript nor typescript at the time and might have been focusing too much on certain tools instead of the big picture.

Full article

December 24, 2020

Agile Best Practices for Remote Work Excellence

Thursday, December 24, 2020 Teklinks No comments

This blog encloses the dilemmas of entrepreneurs struggling with the management of disjoint teams that have formed as a result of the current work from home scenario. Introduction The COVID-19 virus has disrupted peoples’ lifestyles and the working patterns of many sectors and industries.

Full article

Best Practices in Using IFrames with React

Thursday, December 24, 2020 Teklinks No comments

Today it’s challenging to find standalone web apps. We can find most of these apps work with each other where the integrations happen either from the frontend or backend. When looking at these integrations, one of the oldest yet simple integration strategy is using Iframes.

Full article

December 23, 2020

How to Use TypeORM with Webpack

Wednesday, December 23, 2020 Teklinks No comments

TypeORM is a great option if you are looking for an ORM to use on a Node project. However, if you use Webpack to bundle your backend code, you may face some issues when trying to integrate TypeORM into your project.

Full article

5 Free JavaScript Spreadsheet Libraries in 2021

Wednesday, December 23, 2020 Teklinks No comments

Spreadsheet libraries are in high demand today. Such solutions are convenient as they offer ready-made applications, save the developers' time and the owners' money. They can be used in any business domain to deal with big amounts of data. The price range may confuse though.

Full article

December 21, 2020

How Redux Reducers Work

Monday, December 21, 2020 Teklinks No comments

If you have used Redux at any point while developing an application to manage state, you will most definitely have come across reducers. This tutorial will explain the concept of reducers and how they work specifically in Redux.

Full article

December 20, 2020

Running SonarQube Inside a Docker Container

Sunday, December 20, 2020 Teklinks No comments

We're gonna see how we can run a sonar-server inside a docker container and analyze your project. We will explore local URL to public URL. Prerequisite To follow this article, one will need to make sure that they have docker installed in their machine. I assume you know using docker containers.

Full article

Redux-Free State Management with Jotai

Sunday, December 20, 2020 Teklinks No comments

The most tedious part when implementing Redux is the amount of boilerplate code that you need to write in order to handle the data flow between components and the Redux store. Redux itself was inspired by Flux, a data flow architecture introduced in 2014.

Full article

React Libraries in 2020

Sunday, December 20, 2020 Teklinks No comments

React has been around for a while. Since then a well-rounded yet overwhelming ecosystem evolved around the component driven library. Developers coming from other programming languages or frameworks often have a hard time figuring out all the building blocks for building web applications with React.

Full article

December 17, 2020

Introducing Yarn 2 ! 🧶🌟

Thursday, December 17, 2020 Teklinks No comments

Hi everyone! After exactly 365 days of very intensive development, I'm extremely happy to unveil the first stable release of Yarn 2. In this post I will explain what this release will mean for our community. Buckle up!

Full article

December 16, 2020

Are Websites Adding To Consumer’s Health Issues?

Wednesday, December 16, 2020 Teklinks No comments

Today, we’re going to look at “The Website Dilemma”. In other words, is it possible to build an authoritative, lead generating, high converting website without manipulating visitors into doing what you want? If you follow social media’s lead, they’re one and the same. If you’d prefer not to trade your customers’ well-being for profit, keep reading.

Full article

Recoil Project Structure Best Practices

Wednesday, December 16, 2020 Teklinks No comments

Recoil is React’s best solution so far for global state management. It’s lightweight, simple and performant approach to communicating between components provides a better experience for both the user and the developer than previous libraries like Redux or RxJS.

Full article

December 14, 2020

Why I Love Tailwind

Monday, December 14, 2020 Teklinks No comments

Tailwind is an atomic CSS framework that has taken the frontend world by storm. It gives developers without a deep understanding of design the ability to build visually gorgeous, modern user interfaces. If you have not seen it before, here is the canonical Tailwind example from their original homepage.

Full article

Configuring Mock Service Worker (MSW)

Monday, December 14, 2020 Teklinks No comments

Are you building an app where you don't have your backend implementation yet? Are you tired of maintaining a dedicated mock server? Do you find that mocking fetch or axios causes more problems in your tests than it fixes? Then you should probably consider starting using Mock Service Worker (MSW).

Full article

December 13, 2020

5 Ways Service Workers Reshape Modern Web Apps

Sunday, December 13, 2020 Teklinks No comments

Service workers offer many exciting capabilities to modern web apps. These go well beyond the traditional limits of a simple JavaScript running in the browser. These workers run in the background and carry out tasks that do not need any user interaction.

Full article

December 12, 2020

The Import On Interaction Pattern

Saturday, December 12, 2020 Teklinks No comments

Your page may contain code or data for a component or resource that isn’t immediately necessary. For example, part of the user-interface a user doesn't see unless they click or scroll on parts of the page.

Full article

December 10, 2020

Running Lighthouse in GitHub Actions

Thursday, December 10, 2020 Teklinks No comments

Testing is an important part of software development and especially so for those items that may not be immediately noticeable when they regress. Unfortunately web performance, accessibility, SEO and other best practices all fall into that category.

Full article

React is slow, what now?

Thursday, December 10, 2020 Teklinks No comments

TLDR: the gist Measure performance! If you don’t measure it’s the same as doing nothing. You can optimize your React performance by improving what (🤔) and which (🧙) components render. 🧙 To improve which component renders you can use React.

Full article

December 9, 2020

11 Tools To Build a Monorepo In 2021

Wednesday, December 09, 2020 Teklinks No comments

These days, many tools can run “npm install” and “npm run build” in 20 different folders. But, not all tools can facilitate a proper monorepo. Facilitating a proper monorepo development means solving challenges like operating the test and build processes for decoupled modules, being able to independently publish modules from the project, and managing the partial impact of changes on every affected dependant...

Full article

December 7, 2020

Why Is Apple’s M1 Chip So Fast?

Monday, December 07, 2020 Teklinks No comments

On YouTube, I watched a Mac user who had bought an iMac last year. It was maxed out with 40 GB of RAM costing him about $4,000. He watched in disbelief how his hyperexpensive iMac was being demolished by his new M1 Mac Mini, which he had paid a measly $700 for.

Full article

How to Make Your Code Reviewer Fall in Love with You

Monday, December 07, 2020 Teklinks No comments

When people talk about code reviews, they focus on the reviewer. But the developer who writes the code is just as important to the review as the person who reads it. There’s scarcely any guidance on preparing your code for review, so authors often screw up this process out of sheer ignorance.

Full article

December 6, 2020

Creating a React Analytics Logging Library

Sunday, December 06, 2020 Teklinks No comments

Like many applications, the Slack desktop app logs how users interact with it. For example, it may log when a user views a screen or clicks on a button. Product Managers and Data Scientists analyze the logs, hoping to discover actionable insights to drive product refinements.

Full article

December 5, 2020

December 2, 2020

GitHub Package Registry: Is it Worth Trying Out?

Wednesday, December 02, 2020 Teklinks No comments

GitHub Package Registry was developed and introduced in mid-2019 by Microsoft. With the GitHub and NPM acquisitions, this feature seems to be an excellent move by Microsoft to expand the GitHub ecosystem. At the same time, GitHub uses the following tagline to emphasize this fact.

Full article

December 1, 2020