tech/webdev magazine

December 29, 2020

⚛️ 🚀 React Component Patterns

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

Improve productivity by 10x with just one hour per week

Tuesday, December 29, 2020 Teklinks

How do we know what we do each day improving ourselves? Well, the most obvious answer we might think of is, we are dedicating time & learning different new things each day. But despite the feeling of moving forward, we might see ourselves being stranded in the same spot as earlier.

Full article

JavaScript Frameworks, Performance Comparison 2020

Tuesday, December 29, 2020 Teklinks

I was looking around the web and realized we haven’t had a good JavaScript Framework Performance Shootout in over 2 years. So before 2020 wraps up, let’s have a bit of fun pitting these libraries against each other.

Full article

December 27, 2020

Zombie Scrum Resistance

Sunday, December 27, 2020 Teklinks

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

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

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

Google bought CloudReady, the largest ChromiumOS distribution

Saturday, December 26, 2020 Teklinks

This week, Google acquired OS vendor Neverware, makers of the CloudReady distribution of ChromiumOS. ChromiumOS is the fully open source, upstream version of ChromeOS—the sharply limited, cloud-focused operating system that Chromebooks and Chromeboxes run on.

Full article

Migrate to typescript - the advance guide

Saturday, December 26, 2020 Teklinks

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

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

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

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

The Complete Microservice Tutorial: Introduction [Part 1]

Wednesday, December 23, 2020 Teklinks

If you have not been living under the rock for a while, microservice is the defacto architecture to make large scale applications these days. A lot of companies have moved from monolithic architecture to microservice-based architecture like Uber, Netflix, Etsy, and so on.

Full article

5 Free JavaScript Spreadsheet Libraries in 2021

Wednesday, December 23, 2020 Teklinks

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

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

Introducing Zero-Bundle-Size React Server Components

Monday, December 21, 2020 Teklinks

2020 has been a long year. As it comes to an end we wanted to share a special Holiday Update on our research into zero-bundle-size React Server Components. To introduce React Server Components, we have prepared a talk and a demo.

Full article

December 20, 2020

Five common mistakes writing react components (with hooks) in 2020

Sunday, December 20, 2020 Teklinks

React has been out in the world of web development for quite some time now. Its position as a tool for agile web development has steadily strengthened in recent years. Especially after the announcement and release of the new hook api/concept, writing components has never been easier.

Full article

Running SonarQube Inside a Docker Container

Sunday, December 20, 2020 Teklinks

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

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

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

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

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

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

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

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

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

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

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

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

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

How to build trust during onboarding

Wednesday, December 09, 2020 Teklinks

Setting up a password manager can feel like dealing with a cold machine. We were inspired by how doctors build trust with patients and lifted retention by 7.3%.

Full article

December 7, 2020

Why Is Apple’s M1 Chip So Fast?

Monday, December 07, 2020 Teklinks

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

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

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

BBC World Service & Web Performance

Sunday, December 06, 2020 Teklinks

The BBC World Service publishes news stories in over 40 languages globally. Stories are written by journalists around the world in their native language instead of using translations.

Full article

December 5, 2020

Why Senior Engineers Hate Coding Interviews

Saturday, December 05, 2020 Teklinks

Imagine that you’re a principal at a small K-8 school who’s looking to hire a new teacher. As you have less than 20 teachers, you have to ensure that each person you hire can teach any of the grades.

Full article

December 2, 2020

Valtio — The Most Minimal Proxy State Possible in React

Wednesday, December 02, 2020 Teklinks

As you have seen, the creator already created incredible projects to simplify flux or atomic states, and the only missing piece of the three types was proxies. This library was made to reduce MobX/Immer/proxy state down to its very core: an object, you mutate any part of it, the component reacts.

Full article

GitHub Package Registry: Is it Worth Trying Out?

Wednesday, December 02, 2020 Teklinks

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

Building a Svelte Static Website with Smooth Page Transitions

Tuesday, December 01, 2020 Teklinks

This website uses cookies to improve your experience while you navigate through the website. Out of these, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website.

Full article