tech/webdev magazine

January 31, 2021

WebRTC becomes an official W3C and IETF standard

Sunday, January 31, 2021 Teklinks

The World Wide Web Consortium (W3C) and the Internet Engineering Task Force (IETF) have announced that Web Real-Time Communications (WebRTC) is now an official web standard enabling audio and video communication anywhere on the web.

Full article

Bash Process Termination Hacks

Sunday, January 31, 2021 Teklinks

When developing multi-threaded Bash code, managing server processes, or creating process watchdogs, one of the main challenge is usually to correctly, efficiently and accurately terminate existing Bash processes. This article will show you how.

Full article

Scaling Applications Using Micro-Frontends

Sunday, January 31, 2021 Teklinks

Prasanna Venkatesan is a Lead Consultant with ThoughtWorks, and an Archimydes fellow. He is a full-stack web developer with experience in building and leading development teams that build high-performance enterprise solutions for some of the world's leading organizations and brands.

Full article

January 30, 2021

Rebasing Merges With Git

Saturday, January 30, 2021 Teklinks

Few weeks ago we talked about Git Rebase. We saw how we could use it to manipulate the history of branches. By default, rebasing would flatten all merge commits making the history linear. In today’s post we will see how we can rebase while keeping merge commits.

Full article

What Are Multi-Stage Docker Builds?

Saturday, January 30, 2021 Teklinks

Multi-stage Docker builds let you write Dockerfiles with multiple FROM statements. This means you can create images which derive from several bases, which can help cut the size of your final build. Docker images are created by selecting a base image using the FROM statement.

Full article

January 28, 2021

Tao of React - Software Design, Architecture & Best Practices

Thursday, January 28, 2021 Teklinks

I’ve been working with React since 2016 and still there isn’t a single best practice when it comes to application structure and design. While there are best practices on the micro level, most teams build their own “thing” when it comes to architecture.

Full article

I Almost Got Fired for Choosing React in Our Enterprise App

Thursday, January 28, 2021 Teklinks

It’s summer 2018. My boss, Adrian, asks me to join him in a Skype call with James, the CTO of a big Canadian company. While getting to know each other, I find out that James is a smart guy with big ambition. His vision is to migrate a massive desktop WPF application to the web in the cloud.

Full article

January 27, 2021

Making Remote Work Work: Useful Tools And Resources

Wednesday, January 27, 2021 Teklinks

Remote work brings along entirely different challenges than working from an office. Maybe your internet connection is rather slow? Maybe it’s too quiet around you to focus? Or too loud for a virtual client meeting? A lot of things influence the way we work. But it’s not only the environment around us and the technical equipment, remote work also means that you might need to rethink your and your team’s workflow.

Full article

JavaScript Wake Lock API

Wednesday, January 27, 2021 Teklinks

An enjoyable web apps rely on engineers implementing the APIs that cover all of the small things. Those small things sometimes improve performance, usability, accessibility, and the app's relationship with its host system.

Full article

How to Use useCallback to Write Better React Code

Wednesday, January 27, 2021 Teklinks

React hooks, a new method to manage state in functional components, was introduced in React v16.8. With hooks like useState , useEffect , and others, developers could finally work with side effects in functional components.

Full article

January 25, 2021

E-Commerce in 25 days

Monday, January 25, 2021 Teklinks

Welcome to the start of a great journey! We are going to learn so much! We will start off with some React basics, then learn about static site generation with Next, dabble with hosting and serverless functions on Netlify, and charging a customer for our products with Stripe!

Full article

Difference Between Working Tree And Index In Git

Monday, January 25, 2021 Teklinks

In few of our previous posts, we referred to the HEAD, working tree and index when dealing with Git. In today’s post we will look at what those mean with example. In Git HEAD is known as a reference or “refs”. References are stored under the /.git folder and HEAD is under /,git/HEAD.

Full article

January 24, 2021

What’s the technology behind a five-minute charge battery?

Sunday, January 24, 2021 Teklinks

Building a better battery requires dealing with problems in materials science, chemistry, and manufacturing. We do regular coverage of work going on in the former two categories, but we get a fair number of complaints about our inability to handle the third: figuring out how companies manage to take solutions to the science and convert them into usable products.

Full article

Tail-kit : 200+ free Tailwind components / templates

Sunday, January 24, 2021 Teklinks

I'm Charlie, a french JS developer 🇫🇷 I just release a free and open source project, tail-kit. It's a kit of components and templates fully coded with tailwind css 2.0 ready to copy paste. Tail-kit include a live code editor, you can change the components or templates code and see in live your modifications.

Full article

January 23, 2021

How We Improved SmashingMag Performance

Saturday, January 23, 2021 Teklinks

In this article, we’ll take a close look at some of the changes we made on this very site — running on JAMStack with React — to optimize the web performance and improve the Core Web Vitals metrics. With some of the mistakes we’ve made, and some of the unexpected changes that helped boost all the metrics across the board.

Full article

React Query — An Underrated State Management Tool

Saturday, January 23, 2021 Teklinks

React is one of the most loved frontend libraries in the developer community. Together with React, the terms like Virtual DOM, Functional Components, State Management, and Higher-Order Components have emerged. Among these terms, State Management plays a vital role.

Full article

January 21, 2021

The JavaScript Skills You Need For React (+ Practical Examples)

Thursday, January 21, 2021 Teklinks

One of the most important things to understand about React is that it is fundamentally JavaScript. This means that the better you are at JavaScript, the more successful you will be with React. Let's break down the 7 essential concepts that you should know about JavaScript to master React.

Full article

Three Major Improvements in HTTP/3 Compared to HTTP/2

Thursday, January 21, 2021 Teklinks

HTTP/3 provides a low-latency and high-performance connection all of which is great for the end-user. Since HTTP/3 numbers are rising, we expect that it will replace all previous data communication protocols quickly. According to W3Techs, 4.

Full article

Developing and publishing a TypeScript NPM package

Thursday, January 21, 2021 Teklinks

Ever wondered how to publish your very own npm package to the npmjs.com registry? In this article, I’ll take you through the step-by-step process. We’ll start by developing a very simple npm package using TypeScript.

Full article

January 17, 2021

Web Vitals Optimizations: Advanced Dynamic Import Patterns

Sunday, January 17, 2021 Teklinks

Web performance is a crucial part of the user experience of our web application. It has a direct impact on the conversion rate. Walmart found that for every 1-second improvement in page load time, conversions increased by 2% (see source). And if that's not enough, search engines favor fast websites.

Full article

January 15, 2021

Front-end predictions for 2021

Friday, January 15, 2021 Teklinks

If 2020 has proven anything, it’s that predicting the future is a mug’s game. With that said, here are my predictions for where front-end development is heading over the next 12 months 🙄

Full article

January 14, 2021

How to Get Started With Portainer, a Web UI for Docker

Thursday, January 14, 2021 Teklinks

Portainer is a popular Docker UI that helps you visualise your containers, images, volumes and networks. Portainer helps you take control of the Docker resources on your machine, avoiding lengthy terminal commands. Portainer recently reached version 2.0 which added support for Kubernetes clusters.

Full article

No Meetings, No Deadlines, No Full-Time Employees

Thursday, January 14, 2021 Teklinks

I started Gumroad in 2011. In 2015, we reached a peak of 23 full-time employees. In 2016, after failing to raise more money, I ended up back where I began: a one-person company. Today, when I’m asked how many people work at Gumroad, I respond with “ten or so.

Full article

January 13, 2021

Front-End Performance Checklist 2021

Wednesday, January 13, 2021 Teklinks

Web performance is a tricky beast, isn’t it? How do we actually know where we stand in terms of performance, and what exactly our performance bottlenecks are? Is it expensive JavaScript, slow web font delivery, heavy images, or sluggish rendering? Have we optimized enough with tree-shaking, scope hoisting, code-splitting, and all the fancy loading patterns with intersection observer, progressive hydration, clients hints, HTTP/3, service workers and — oh my — edge workers?

Full article

How To Decouple Data from UI in React

Wednesday, January 13, 2021 Teklinks

In Part 1, I presented an approach to decouple the data fetching/management layer from a React component that renders some UI based on the data, which would free us from being locked into any particular data library or framework. Let’s call this Approach A.

Full article

January 10, 2021

How to Create Luck

Sunday, January 10, 2021 Teklinks

My entire worldview changed when I realized that luck can be created. More precisely, you can actively create optimal conditions for lucky things to happen to you. The more I looked into this, the more I realized that this is not only not a new insight, but successful people have studied this for decades and I am just late to the party. In this post we'll briefly review the "Literature of Luck", and then I'll end with some personal thoughts on how it could be extended.

Full article

Building a JavaScript Monorepo with Lerna

Sunday, January 10, 2021 Teklinks

JavaScript nowadays is almost everywhere: on the backend, frontend, desktop, mobile, tooling, etc. If your project consists of multiple JavaScript repositories, now, it’s much better to move them into a single/mono repository and control them using Lerna.

Full article

Designing a URL Shortener in Deno

Sunday, January 10, 2021 Teklinks

In this article, we’re going to learn the basics of Deno, like how to run a program and embrace security. If you need help with anything JS, feel free to reach out through Superpeer (a video-chat platform) or Twitter. Deno is the new JavaScript and TypeScript runtime written in Rust.

Full article

January 8, 2021

Make Your Own Tools

Friday, January 08, 2021 Teklinks

Shows current branch and CI status Fills out forms, performs user actions, switches between users Highlights components Building your own custom stylesheets Building a UI query generator Building your own CLIs (I’m reminded of Mina Markham’s dotfiles) Building your own proxies

Full article

Reducing JavaScript Bundle Size

Friday, January 08, 2021 Teklinks

Welcome to part one of a series focused on reducing JavaScript bundle size. With the emergence of frameworks like AngularJS around 2011 and the popularization of Single Page Apps, usage of JavaScript has exploded on the front end. The average web app is over three times larger than in 2010 alone.

Full article

The Ten Most Starred Github Repositories

Friday, January 08, 2021 Teklinks

As we know, GitHub is a collaborative platform for developers, it lets us work together and contribute to the community as well. It also allows us to make repositories, commits, branches, and pull requests. With such great community contribution comes the problem to find the most helpful repos.

Full article

January 5, 2021

Webpack 4 Tutorial: from 0 Conf to Production Mode

Tuesday, January 05, 2021 Teklinks

Today CLI tools as create-react-app or Vue cli abstract away most of the configuration, and provide sane defaults. Even then, understanding how things work under the hood is beneficial because sooner or later you'll need to make some adjustment to the defaults. In this guide we'll see what webpack can do, and how to configure it to suit your needs.

Full article

JavaScript Performance in the Wild 2020

Tuesday, January 05, 2021 Teklinks

We rendered the top 1 million pages on the web, tracking every conceivable performance metric, logging every error, noting every requested URL. To our knowledge this produces the first dataset that connects performance, errors, and library use on the web.

Full article

State of the Metaverse 2021

Tuesday, January 05, 2021 Teklinks

Welcome to the metaverse. In this article, we’ll discuss what the metaverse is, why it’s important, some of the current trends, and what we might expect for metaverse development in 2021.

Full article

January 3, 2021

JavaScript Utility Libraries

Sunday, January 03, 2021 Teklinks

With ECMAScript 2020 available, external libraries are not necessary for functional programming (FP) — specifically currying and composition. The two main libraries for this kind of work have been Ramda and Lodash FP.

Full article

Top JavaScript Frameworks and Tech Trends for 2021

Sunday, January 03, 2021 Teklinks

Happy New Year! It’s time to review the big trends in JavaScript and technology in 2020 and consider our momentum going into 2021. Our aim is to highlight the learning topics and technologies with the highest potential job ROI.

Full article

January 2, 2021

Creativity In A World Of Technology: Does It Exist?

Saturday, January 02, 2021 Teklinks

This article investigates the intricate dynamics associated with the relationship between creativity and technology and discussing whether or not creativity still exists. We will explore what creativity looks like and who (or what) is it now coming from. Ultimately, if creativity is truly being impacted by technology, is there a way to find the balance between the human and the digital?

Full article

50 free tools and resources you're gonna love

Saturday, January 02, 2021 Teklinks

Free stuff is always exciting. But, what if it is free and awesome? Daily UI inspiration & patterns for designers, developers to find inspiration, tools and the best resources for your project.

Full article