WebRTC becomes an official W3C and IETF standard

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

Read More

Jenkins vs Travis vs Bamboo vs TeamCity: Clash Of The Titans

What’s the first thing that comes to mind when you hear the words Software Development and DevOps? There’s only one magic word (five to be more precise)- Continuous Integration and Continuous Delivery.

Full article

Read More

Bash Process Termination Hacks

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

Read More

Scaling Applications Using Micro-Frontends

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

Read More

Introducing TotalRecoilJS: A new developer tool for visualizing your Recoil state

TotalRecoilJS is a tool created to help developers visualize, track, and debug their Recoil state via a Chrome extension. Recoil is an experimental state management library for React apps, created by Facebook engineers and introduced by Dave McCabe at May’s React Europe developer conference.

Full article

Read More

Rebasing Merges With Git

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

Read More

What Are Multi-Stage Docker Builds?

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

Read More

Creating a React app with TypeScript and ESLint with Webpack 5

This post will cover how to use webpack 5 to bundle a React and TypeScript app. Our setup will include type checking with TypeScript and linting with ESLint in the Webpack process, which will help code quality.

Full article

Read More

Cypress vs Selenium vs Playwright vs Puppeteer speed comparison

Our recent speed comparison of major headless browser automation tools, namely Puppeteer, Playwright and WebDriverIO with DevTools and Selenium, received a very positive response.

Full article

Read More

Tao of React - Software Design, Architecture & Best Practices

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

Read More

I Almost Got Fired for Choosing React in Our Enterprise App

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

Read More

Making Remote Work Work: Useful Tools And Resources

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

Read More

JavaScript Wake Lock API

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

Read More

How to Use useCallback to Write Better React Code

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

Read More

E-Commerce in 25 days

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

Read More

Difference Between Working Tree And Index In Git

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

Read More

Incident Management in 2021: from Basics to Best Practices

Covering the basics What is incident management? Incident management is the process used by developer and IT operations teams to respond to system failures (incidents) and restore normal service operation as quickly as possible.

Full article

Read More

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

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

Read More

Tail-kit : 200+ free Tailwind components / templates

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

Read More

How We Improved SmashingMag Performance

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

Read More

React Query — An Underrated State Management Tool

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

Read More

Mithril.js – The Smallest, Fastest SPA Framework You’ve Never Used

I love exploring new libraries and frameworks to see where the next big trends or patterns might be. I don’t know how I came across Mithril.js, but I’m glad I did. I don’t know Mithril particularly well, but I know it brings something new to the table — it’s minimal and fast.

Full article

Read More

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

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

Read More

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

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

Read More

Developing and publishing a TypeScript NPM package

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

Read More

Web Vitals Optimizations: Advanced Dynamic Import Patterns

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

Read More

10 Tech Talks To Watch – Learn New Software Development Concepts in 2021

freeCodeCamp has a second YouTube channel just for tech talks. And we have published nearly 100 talks there, from developer conferences around the world. You can subscribe to the freeCodeCamp Talks channel here.

Full article

Read More

Minimal React: getting started with the frontend library

This blog post explains how to get started with React while using as few libraries as possible. Many tutorials provide comprehensive introductions to the React ecosystem. I wanted to try something different:

Full article

Read More

9 Months into Working from Home, These 6 Things Are Helping Us Endure

Way back in March, I surveyed each employee (Atom) at Atomic Object. I tried to get a sense of how we managed to quickly shift from working 100% on-site to 100% remote in a day, with very little notice. (The answers included Discord, Slack, and 1:1 check-ins.

Full article

Read More

Front-end predictions for 2021

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

Read More

How to Implement Lazy Loading in React with Intersection Observer

When you make a web site whose many images need to be loaded on the screen, you should take care of the performance for rending them on the browser. If you use React in the project code, you could install the react-lazyload package via NPM or Yarn.

Full article

Read More

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

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

Read More

No Meetings, No Deadlines, No Full-Time Employees

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

Read More

Front-End Performance Checklist 2021

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

Read More

6 Questions that Keep Your Team Engaged During Remote Meetings

As of writing this post, we’re exactly nine months into working remotely due to COVID19. What I miss most is the ease of face-to-face meetings and that immediate feedback, visible and audible, of being at the same table.

Full article

Read More

How To Decouple Data from UI in React

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

Read More

How to Create Luck

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

Read More

Building a JavaScript Monorepo with Lerna

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

Read More

Designing a URL Shortener in Deno

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

Read More

Make Your Own Tools

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

Read More

Reducing JavaScript Bundle Size

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

Read More

The Ten Most Starred Github Repositories

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

Read More

Webpack 4 Tutorial: from 0 Conf to Production Mode

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

Read More

JavaScript Performance in the Wild 2020

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

Read More

State of the Metaverse 2021

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

Read More

Introducing Handsfree.js - Integrate hand, face, and pose gestures to your frontend

Hello and thank you for checking out this introductory post, I'm so excited to share Handsfree.js with you! Handsfree.js is a client side library that helps you add hand, face, and pose estimation to your front end projects in a snap ✨👌

Full article

Read More

JavaScript Utility Libraries

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

Read More

Top JavaScript Frameworks and Tech Trends for 2021

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

Read More

Creativity In A World Of Technology: Does It Exist?

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

Read More

50 free tools and resources you're gonna love

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

Read More