Unveiling the Dark Side of AI: How Prompt Hacking Can Sabotage Your AI Systems

As the artificial intelligence (AI) landscape continues to rapidly evolve, new risks and vulnerabilities emerge. Businesses positioned to leverage large language models (LLMs) to enhance and automate their processes must be careful about the degree of autonomy and access privileges they confer to LLM-powered AI solutions, wherein lies a new frontier of cybersecurity challenges.

Full article

Read More

A Deployment Is Not a Release: Control Your Launches With Feature Flags

This article explores decoupling your deployments from release to users with feature flags, thus allowing control over releases. In the world of software development, the excitement of shipping code to users is often tempered by the inherent risks that come with each release.

Full article

Read More

Thoughts on Svelte(Kit), one year and 3 billion requests later

Last year my company, was tasked with the mission of building a news website. Since the project went live, it has experienced significant audience growth, handling hundreds of thousands of visitors every day.

Full article

Read More

How to Use Docker Layers to Optimize Your Container Size

Docker is a powerful tool for creating and deploying applications. One of the key features of Docker is its ability to create container images that can be used to run applications in a variety of environments.

Full article

Read More

Why I Switched From Neovim To VSCode

I recently switched back to VSCode from Neovim as my primary code editor. You may think this is weird because everyone seems to be going the other way around. Why would anyone want to move away from the most loved code editor? In this post, I’ll explain why I made the switch and my experience so far.

Full article

Read More

Bundle Analysis: An Underrated Tool

Many modern web applications are composed of lots of JavaScript and even more third-party dependencies. Bundlers like WebPack, Rollup, and ESBuild simplify building and distributing bundles of code to a user’s browser.

Full article

Read More

Improving Performance with HTTP Streaming

You may have heard a joke that the Internet is a series of tubes. In this blog post, we’re going to talk about how we get a cool, refreshing stream of Airbnb.com bytes into your browser as quickly as possible using HTTP Streaming. Let’s first understand what streaming means.

Full article

Read More

What is a CDN? An Unbiased Guide to Content Delivery Networks

A content delivery network (CDN) is one of the best ways to improve the performance and reliability of your site. It can help you boost page speed, fend off denial of service attacks, and optimise your content for faster delivery. There is a lot to choose from if you’re in the market for a CDN.

Full article

Read More

Zustand: The Simpler Alternative to Redux

I recently started a new project from scratch using Vite with React. After adding some routes and simple starting components, I quickly realized I needed another way to pass around data, other than React props. To satisfy this need for additional state management, Redux was an obvious choice.

Full article

Read More

How to Create a Screen Recording with Quicktime

Creating screen recordings is an essential skill for web developers. Screen recordings can illustrate new features, bugs, or a variety of other ideas.

Full article

Read More

Meet Codux: The React Visual Editor That Improves Developer Experience

Codux is a new visual IDE brought to you by the fine folks over at Wix. It’s got a lot of low-code features that level the playing field for app development but is really designed for React developers. How so, you ask? That’s what we’re going to explore in this article.

Full article

Read More

Building a full-stack, fully type-safe pnpm monorepo with NestJS, NextJS & tRPC

In this tutorial, we're going to start from scratch and build a full-stack, end-to-end type-safe pnpm monorepo with NestJS, NextJS 13 (using the new /app directory) & tRPC.

Full article

Read More

Using useMutation to make an advanced toggle in React

If our whole dashboard was just this one toggle, this would be a simpler challenge. However, we also fetch and update other values. To manage our state, we use React Query, specifically useQuery and useMutation.

Full article

Read More

Fresh 1.2 – welcoming a full-time maintainer, sharing state between islands, limited npm support..

It’s been almost a year since we introduced Fresh 1.0, a modern, Deno-first, edge-native full stack web framework. It embraces modern developments in tooling and progressive enhancement, using server-side just-in-time rendering and client hydration using islands.

Full article

Read More

Thinking in React Query

Today's article comes in a different form: it's the slides + transcript from a talk I recently gave at a meetup in Vienna, as well as on the remote day of React Summit. You can swipe left or right or use the arrow buttons / arrow keys to switch between the slides. Enjoy!

Full article

Read More

How GoDaddy Implemented a Multi-Region Event-Driven Platform at Scale

GoDaddy, a leading global provider of domain registration and web hosting services, has served over 84 million domains and 22 million customers since its establishment in 1997.

Full article

Read More

W3C announces new Web standard for online payments

This seems interesting. The World Wide Web Consortium has announced a new web standard for a new browser capability that helps streamline user authentication and enhance payment security during Web checkout. It’s not clear yet if this will have an impact on or extend Apple Pay.

Full article

Read More

The Eight Most Common Goal-Setting Blunders in the Workplace

That’s what it feels like to work in a team with poorly set goals. If you don’t know the destination, how can you possibly figure out the directions? Having the right goals, however, set you up for success.

Full article

Read More

Exciting React Features in 2023: A Look into the Future of Web Development

In the rapidly evolving world of web development, React has emerged as one of the most popular JavaScript libraries. Since its inception, React has revolutionized the way developers build user interfaces, enabling them to create powerful and interactive web applications.

Full article

Read More

The Journey To a Faster Sandpack Transpiler

In the history of Sandpack, we have always been faced with a big performance challenge, both in terms of runtime as well as bundle size. This has set us on a path towards squeezing every little bit of performance out of our transpilers, starting with babel, and later on moving to meriyah with a bunch of custom logic on top.

Full article

Read More

Learning JavaScript With Imagination

This is the story of how one little octopus, explaining one beginner’s concept, carried such weight and power for Kylo that it drove his interest in visual learning and led him to research something that is really quite silly. And yet, it transformed how he learned to write — and finally understand — JavaScript.

Full article

Read More

Advanced Fastify: Hooks, Middleware, and Decorators

In the first article of this series, we introduced Fastify and compared it to Express, highlighting the benefits of switching to Fastify for high-performance web applications.

Full article

Read More

Hydration is a tree, Resumability is a map

Back in 2022, during a disastrous conference, I had a good chance to talk with friends from Solid and Astro — it was the best part of the conference! There was a healthy exchange and challenge of ideas from all sides.

Full article

Read More

Fresh 1.2 – sharing state between islands, limited npm support, and more

It’s been almost a year since we introduced Fresh 1.0, a modern, Deno-first, edge-native full stack web framework. It embraces modern developments in tooling and progressive enhancement, using server-side just-in-time rendering and client hydration using islands.

Full article

Read More

Why you should pin your GitHub Actions by commit-hash

Supply chain attacks are not something new; we have heard about them extensively, and the maximum we can do is mitigate them as best as we can. However, it is crucial to acknowledge that these types of attacks will always exist.

Full article

Read More

More Effective Conversations With Business Stakeholders About Software Architecture

Key Takeaways Trust and transparency provide the foundation for effective conversations. You won’t be successful until you can have open and meaningful conversations with business stakeholders. Frame scope discussion in terms of business outcomes, not features.

Full article

Read More

Technical SEO Basics for React Developers

Many developers, even experienced ones, don't know the first thing about search engine optimization (SEO). And for a long time, I didn't know either. SEO is mostly invisible, so it's easy to ignore, even though you shouldn't.

Full article

Read More

Setting up micro-frontends with Astro and Ecma Script Modules

Luca Mezzalira, perhaps the father of micro-frontends defines micro-frontends as “the technical representation of a business subdomain” that allow independent implementations with the same or different technology. As such, they are an excellent case for large companies that want to divide their frontend applications into subdomains. Allowing these to be deployed independently.

Full article

Read More

Accelerate test-driven development with AI

GitHub Copilot is an AI pair programmer that integrates with your IDE to make code suggestions based on existing context and natural language prompts. The tool aims to increase your productivity by helping you focus on business logic over boilerplate.

Full article

Read More

How to use marketing techniques to build a better resume

Between the Great Resignation and the recent spate of layoffs, you may be thinking about your resume a bit more than usual in the last few months. Even if it’s been spruced up and you’re following the best advice out there, you might get more out of your resume by treating it as a marketing document instead of just an information dump.

Full article

Read More

Architects Delight: Enforcing Layers and Project Boundaries with Nx

When I embarked on my journey as a software developer, I delved into the depths of software architecture. Renowned books such as "Clean Architecture" and "Domain-Driven Design (DDD)" provided valuable insights into concepts like project boundaries and software layers (both vertical and horizontal).

Full article

Read More

The evolution of React APIs and code reuse

React changed how we think about building UIs. As it continues evolving, it’s changing how we think about building applications. The space between how we think something works, or should work, and how it actually works is where bugs and performance issues creep in.

Full article

Read More

How large DOM sizes affect interactivity, and what you can do about it

Large DOM sizes have more of an effect on interactivity than you might think. This guide explains why, and what you can do. There's no way around it: when you build a web page, that page is going to have a Document Object Model (DOM).

Full article

Read More

Sharing WebSocket Connections between Browser Tabs and Windows

WebSocket connections are like special communication channels that allow web browsers and servers to talk to each other in real-time. However, when you have multiple tabs or windows open in your browser, each one establishes its own WebSocket connection.

Full article

Read More

The React Ecosystem in 2023

Ship Your First Personalized Web Experience webinar on June 15 @ 10AM PT. Register Now As React celebrates its 10th anniversary in 2023, the ecosystem continues to flourish with constant advancements and innovations.

Full article

Read More

Set up OpenTelemetry for full-stack JavaScript development

If you’re using a JavaScript stack like PostgreSQL, Express, React, and Node.js (PERN) to deploy full-stack web development, you might be considering options for monitoring your web application.

Full article

Read More

Modern work requires attention. Constant alerts steal it

In tough economic times, everyone looks for ways to lower costs without impacting productivity (heck, if we’re doing wish lists, let’s improve productivity, too). And this is one of those times, with many companies making the hard decision to lay off workers and worrying about the impact of new AI technologies.

Full article

Read More

Celebrating 10 Years of React

Today marks a significant milestone for frontend development. May 29th is the 10th anniversary of React, a project that has transformed the web industry and reshaped the way we build digital experiences.

Full article

Read More

Why Zod is a Developer-Friendly Validation Library

Most software needs to consume data from an external source. When writing such software, it’s good practice to validate the incoming data to ensure that it’s in an expected format.

Full article

Read More

How to Build a Great Software Engineering Team

Software development is teamwork and having a good team structure is vital for its success. But, even a tiny misalignment of the team structure could adversely affect our teams’ output. That’s why we should be extra careful when putting a team together.

Full article

Read More

How to Setup and Use ChatGPT in Mac Terminal

Are you still accessing ChatGPT through the website, or via 3rd party tools? How about trying something different? You know, you don’t always have to open your browser and navigate to the ChatGPT website. You can actually use ChatGPT directly from your Mac’s Terminal as well.

Full article

Read More

[Micro Frontend] Module Federation with Vite for React

With the introduction to the Microservice architecture for backend developers were looking into developing a similar architecture for frontend applications which is what we now known as Micro frontends. This architecture has similar set of pros and cons as Microservices but for frontend.

Full article

Read More