Takeaways from AI Hardware & Edge AI Summit AI Hardware & Edge AI Summit was held during September 12–14, 2023, at Santa Clara Marriott, CA. It has been a year since last summit. What’s novel at today’s AI horizon? Here is a list of what we have learned from the…

A step-by-step guide on Highcharts custom graphs Introduction Highcharts is an enterprise-grade JavaScript charting library based on SVG. It comes with excellent documentation and innumerable examples. The only drawback is that the license is proprietary. It is free for personal/non-commercial uses, but you must pay for commercial applications. Besides plotting charts…

A beginner’s guide on Nx — Introduction In version-control systems, a monorepo is a software-development strategy in which codebase for a number of projects is stored in the same repository, allowing the possibility of code sharing and linking between those projects. Besides hosting projects and libraries in a centralized location, a monrepo also provides caching and manages…

A step by step guide from Hello World Extension to extensions that serve UI code from a local build Introduction Software development is complicated. Before writing any code, it may take some time and effort to set up working environment for enterprise applications that are deployed on virtual machines, containers, etc…

React + TypeScript + Vite and an example of React Router Introduction Vite is the next generation frontend tooling that adopts many latest and coolest frontend technologies to provide a faster and leaner development experience for modern web projects. Vite consists of two major parts: A dev server that serves source…

A beginner’s guide to React Flow — React Flow is a library for building node-based graphs, which can be anything from simple static diagrams to data visualizations, to complex visual editors. It draws nodes and edges, which can be customized for various applications. It supports dragging nodes around, zooming and panning, selecting multiple nodes and edges, and…

Write your own error boundary or use react-error-boundary — The Problem All software has bugs; it is normal. React application errors could be JavaScript/TypeScript mistakes, lazy loading failing, or any kind of errors. If encountering an error, a React application could be removed from the browser screen. We set up the Create React App to show how it happens. The following…

Storybook examples with CSF3 + react-storybook-fetch-mock — 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. As the first major release in over two…

Details on Promise definitions, Promise async and await, Promise Concurrency, and Promise Usages Promise Definitions A Promise is an object representing the eventual completion or failure of an asynchronous operation. A Promise is in one of these states: pending: It is the initial state, neither fulfilled nor rejected. fulfilled: It means that…