Sep
25,
2024
Exploring the Power of Web Browser Storage
In modern web development, understanding web browser storage options is essential for optimizing both performance and user experience. This comprehensive guide explores the most powerful client-side storage solutions, including cookies, LocalStorage, IndexedDB, and Session Storage, and how they can be leveraged to improve your web applications. We also dive into more advanced techniques like WebSQL, the File System Access API, and Cache Storage in combination with Service Workers for effective offline storage and data synchronization. Whether you’re aiming to enhance browser performance or provide a seamless offline experience, mastering these JavaScript storage solutions is a must for any web developer.
QUIC and HTTP/3: The Next Step in Web Performance
Over the years, I've been involved with deploying web sites for many years, and also in pentests of many sites where I see lots of misconfiguration. Throughout this journey, I've witnessed firsthand the significant impact that protocol updates can have. The introduction of HTTP/2 fundamentally altered how we approach web service delivery, prioritizing efficiency and speed. Now, HTTP/3 is poised to do the same, ushering in a new era of web performance and potentially even security.
React: From Implementation to Deployment
When working with React, the eventual excitement lies in deploying your web application to the cloud. It's the moment you get to showcase your work to the world! This guide removes the mystery from deployment. In no time, you'll build a Docker image and deploy your React app to AWS ECS, transforming your local project into a professional and scalable cloud application.
Feb
14,
2024
pnpm – The High-Performance Package Manager
If you’re looking to improve your Java Script and TypeScript development workflow, pnpm is a high-performance package manager that outshines npm and Yarn. With its superior speed, efficient package handling, and robust workspace support, pnpm optimizes dependency management. Whether you’re installing or updating packages or managing a monorepo, pnpm reduces storage costs and accelerates project builds. In this guide, we’ll explore pnpm commands, Corepack installation, and key features that make it the top choice for large-scale JavaScript projects.
Jan
17,
2024
What’s New in Next.js 14?
Without a doubt, the Next.js JavaScript framework is generating the most attention in the front-end world. It remains to be seen if this attention is entirely positive, but undeniable progress is currently unfolding in this domain. In this article, we’ll examine the newest version, Next.js 14.
What’s New In Angular 17?
In early 2023, Sarah Drashner, Google's Engineering Director and head of the Angular team, coined the term "Angular Renaissance" to describe the renewed focus on the framework for developing modern JavaScript applications over the last seven years.
Custom Standalone APIs for Angular
Together with standalone components, the Angular team has introduced the so-called standalone APIs. They provide a simple solution for library setup and do not require Angular modules. Popular libraries that already implement this concept include the HttpClient, Router, and NgRx. These libraries are based on several patterns that we find beneficial in our own projects. They also provide our library users with familiar structures and behaviors. In this article, I show three such patterns that I derived from the libraries mentioned.
Sep
27,
2023
Is Remix Better Than Next.js?
Remix specializes in server-side rendered websites and promises a better developer and user experience and faster load times with an innovative approach to routing. In the React ecosystem, Next.js has established itself as the technology for dynamic websites. Since the late 2021, Remix is a new contender from the makers of React Router. Let’s see an overview of Remix using a sample application and compare it to Next.js.
Aug
21,
2023
Svelte 4 Under the Hood
The web framework Svelte is currently undergoing lots of great activity. In December 2022, after a long beta phase, version 1 of the official Svelte meta framework SvelteKit was finally released. Then, in June 2023, Svelte 4 was released. This article takes a look at the latest major version’s new features and at what else can be expected in the future.
Aug
7,
2023
Tauri 2.0: A look at the Rust-based JS framework
Tauri is an open-source Rust-based framework for building native-feeling apps for a wide array of operating systems. Generally speaking, Tauri-based apps leverage the system web view and the IPC bridge between the web view and the Rust host, also known as Tauri Core. Tauri provides a number of interfaces to lower-level systems, like file access, and makes these interfaces available to the user interface in a web view via JS APIs that send and receive messages across the IPC.