I was recently involved in the TypeScript migration of the ZK Framework. For those who are new to ZK, ZK is the Java counterpart of the Node.js stack; i.e., ZK is a Java full-stack web framework where you can implement ...
About Path Aliases Projects often evolve into complex, nested directory structures. As a result, import paths may become longer and more confusing, which can negatively affect the code’s appearance and make it more difficult to understand where imported code originates ...
Angular provides an excellent platform using which we can develop complex UI applications like workflow process management. In this article, I describe a state transitions technique for developing an Angular timesheet application that involves a workflow process. A timesheet submission ...
React, Angular, and Vue.js are three popular JavaScript frameworks used for building complex, single-page web applications. While they all have a common goal, they differ in various ways. In this article, we will take a closer look at the differences ...
You’ve probably heard of ESLint, Prettier, and TypeScript. These are static code analysis tools that are wildly popular in the JavaScript ecosystem. I consider them all testing tools. Let’s take a look at each: ESLint ESLint is the pluggable linting ...
When migrating some code to TypeScript, I ran into a few little hurdles I want to share with you. In EpicReact.dev workshops, when I’m teaching how to make HTTP requests, I use the GraphQL Pokemon API. Here’s how we make ...
I made a useDarkMode hook that looks like this: type DarkModeState = 'dark' | 'light' type SetDarkModeState = React.Dispatch<React.SetStateAction<DarkModeState>> function useDarkMode() { const preferDarkQuery = '(prefers-color-scheme: dark)' const [mode, setMode] = React.useState<DarkModeState>(() => { const lsVal = window.localStorage.getItem('colorMode') if (lsVal) ...
