Albeit small, a favicon is the branding of a website — A favicon is a small icon associated with a particular website or page that is displayed in a browser. It is displayed on browser’s address bar, tabs, bookmarks, and drag&drop component. Favicons are also commonly known as shortcut icons, bookmark icons, or website icons. The following is a list of…

Sharing the eight-step migration experience with multiple Storybooks in a monorepo — Introduction Storybook is a tool for UI development. It makes development faster and easier by isolating components. This allows us to work on one component at a time. It streamlines UI development, testing, and documentation. Storybook 7 was released on April 3, 2023. It is the first major release in over…

Exploring virtualization techniques using Ant Table as an example — Why Do We Need Virtualized Tables? A table, also called a data grid, is an arrangement of data in rows and columns or possibly in a more complex structure. It is an essential building block of a user interface. In both React Table and Ant Table, we have provided examples of virtualized tables. Here we use…

Comparing popular React windowing libraries for efficiently rendering large lists and tabular data — Performance is defined as how efficiently a software can accomplish its tasks. In web development, performance is measured by how fast the initial webpage is loaded, and how fast it reacts to a user action. A large list or tabular data may take long time to render all content. Windowing…

A detail guide on mixpanel-browser, the official Mixpanel JavaScript client library Introduction Mixpanel is an event analytics service company, founded by Suhail Doshi and Tim Trefren in 2009. The company is a startup with Series C funding, located in San Francisco, California. Mixpanel is also the tool name, which tracks user…

Details of Node.js 20's new features, including experimental Permission Model and custom ESM loader hooks on a dedicated thread — Node.js major release is rolled out every six months. The new release becomes the Current release for six months, which gives library authors time to add support for them. After six months, odd-numbered releases, such as 19, become unsupported, and even-numbered releases, such as 20, move to the Active LTS…

A practical guide for NVM — Node.js 20 was released on April 18, 2023. It comes with npm 9 and many new features. Are you ready to try it out? As we stated in the previous article, NVM (Node Version Manager) is the best way to upgrade node.js and npm versions. …

The common email protocols: SMTP, POP, IMAP, TLS, MIME, S/MIME, DKIM, SPF, DMARC, and ARC. — Email protocols are a set of standardized rules and procedures used for sending, receiving, and managing email messages. …

These tasks can be accomplished by HMTL tags <a>, <object>, <iframe>, and <embed>, as well as libraries react-pdf, jspdf, and html2canvas — Portable Document Format (PDF), standardized as ISO 32000, is a file format developed by Adobe in 1992. It presents documents, including text formatting and images, in a manner independent of application software, hardware, and operating systems. Everyone must have read many PDF files, and sometimes may have created some PDF…