⚛️ 🚀 React Component Patterns

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

Read More

Improve productivity by 10x with just one hour per week

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

Read More

JavaScript Frameworks, Performance Comparison 2020

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

Read More

Zombie Scrum Resistance

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

Read More

Notion as CMS for Blogs

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

Read More

Create React App: import modules using aliases with Webpack and Typescript

You can find the code of this tutorial here, and follow the guide, step by step, in this PR. You can take a look at a demo here. and inside of all of these folders, create an index.ts file. Inside of every index.ts file, we are going to export the contained subfolders.

Full article

Read More

Optimize Performance & Render Website Superfast in ReactJS

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

Read More

Google bought CloudReady, the largest ChromiumOS distribution

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

Read More

Migrate to typescript - the advance guide

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

Read More

Agile Best Practices for Remote Work Excellence

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

Read More

GitHub Actions to securely publish npm packages

GitHub Actions are growing in popularity ever since GitHub announced general availability for all developers and repositories on the GitHub platform.

Full article

Read More

Best Practices in Using IFrames with React

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

Read More

How to Use TypeORM with Webpack

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

Read More

The Complete Microservice Tutorial: Introduction [Part 1]

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

Read More

5 Free JavaScript Spreadsheet Libraries in 2021

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

Read More

How Redux Reducers Work

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

Read More

Analyzing Web Vitals with WebPageTest

The Web Vitals are a set of web page performance metrics that Google recommends using to better understand the user experience of a given page.

Full article

Read More

Introducing Zero-Bundle-Size React Server Components

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

Read More

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

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

Read More

Running SonarQube Inside a Docker Container

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

Read More

Redux-Free State Management with Jotai

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

Read More

React Libraries in 2020

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

Read More

Introducing Yarn 2 ! 🧶🌟

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

Read More

Are Websites Adding To Consumer’s Health Issues?

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

Read More

8 Key Factors When Deciding Between Building In-House and Buying a UI Component Library

Whether your goal is to meet a web project's deadline or to standardize your development on a single UI library, you'll likely face the decision whether to build your UI internally or to buy a ready-made library of UI components.

Full article

Read More

Recoil Project Structure Best Practices

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

Read More

Why I Love Tailwind

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

Read More

Configuring Mock Service Worker (MSW)

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

Read More

Life of a Netflix Partner Engineer — The case of extra 40 ms

The Netflix application runs on hundreds of smart TVs, streaming sticks and pay TV set top boxes. The role of a Partner Engineer at Netflix is to help device manufacturers launch the Netflix application on their devices.

Full article

Read More

Blockchain & Ethereum: Welcome to the Decentralized Internet

From a technical perspective, our society “trusts” big companies with too much of our data. Apps like Facebook and Google serve millions of users a day, all while collecting and storing that data on their servers.

Full article

Read More

5 Ways Service Workers Reshape Modern Web Apps

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

Read More

Feedback Ladders: How We Encode Code Reviews at Netlify

The code review is a critical part of life as a professional developer: in most engineering organizations, no code gets checked in without at least a once-over from another engineer.

Full article

Read More

The Import On Interaction Pattern

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

Read More

Publish, ship, and install modern JavaScript for faster applications

Improve performance by turning on modern JavaScript dependencies and output. Over 90% of browsers are capable of running modern JavaScript, but the prevalence of legacy JavaScript remains one of the biggest contributors to performance problems on the web today. EStimator.

Full article

Read More

Running Lighthouse in GitHub Actions

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

Read More

React is slow, what now?

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

Read More

DataHub: Popular metadata architectures explained

When I started my journey at LinkedIn ten years ago, the company was just beginning to experience extreme growth in the volume, variety, and velocity of our data.

Full article

Read More

11 Tools To Build a Monorepo In 2021

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

Read More

How to build trust during onboarding

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

Read More

Why Is Apple’s M1 Chip So Fast?

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

Read More

How to Make Your Code Reviewer Fall in Love with You

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

Read More

Dynamic Import, Code-Splitting, Lazy Loading, and Error Boundaries

This article is a detailed guide on how to use dynamic import, which enables code splitting and lazy loading. It also describes how to use error boundaries to catch errors. Is import() a Function?

Full article

Read More

Creating a React Analytics Logging Library

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

Read More

Getting Started With React + TypeScript + Tailwind + Classnames In Minutes

In this morning quick start, we are going to bootstrap a create-react-app with Tailwind and see how you can get it all up and running quickly with some state-based styling using classnames. First, we need to create the TypeScript React app with create-react-app.

Full article

Read More

BBC World Service & Web Performance

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

Read More

Why Senior Engineers Hate Coding Interviews

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

Read More

Valtio — The Most Minimal Proxy State Possible in React

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

Read More

How DeepMind’s protein-folding breakthrough could transform drug development

An AI system developed by Google‘s DeepMind has made a “once in a generation” breakthrough that could have a dramatic impact on the way we treat diseases: accurately predicting how proteins fold into shapes. Proteins underpin almost every biological process.

Full article

Read More

GitHub Package Registry: Is it Worth Trying Out?

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

Read More

Building a Svelte Static Website with Smooth Page Transitions

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

Read More