A Better Guide to Forms in React 15 minutes by Andrew Jones This article will explain modern best practices for building forms in React, how to build dynamic forms, how forms relate to React Server Components, and more. Product for Engineers: Helping ... more
Hono 4.0.0, the latest release of the fast, lightweight web framework that runs on any JavaScript runtime, is now available. The update features static site generation, client components, and file-based routing. Launched February 9, Hono 4.0.0 introduces ... more
We’re halfway through the Early Access Program for WebStorm 2024.1! It’s been a while since we walked you through the latest improvements and features in this release, so it’s about time for an update. Read on to learn about the key changes in the EAP ... more
jQuery 4.0, now in a beta state, drops support for a number of older browsers and removes previously deprecated APIs. The new release also introduces support for Trusted Types. With jQuery 4.0, support is dropped for Internet Explorer versions 10 and ... more
Safari Technology Preview Release 188 is now available for download for macOS Sonoma and macOS Ventura. If you already have Safari Technology Preview installed, you can update it in System Settings under General → Software Update. This release includes ... more
Safari Technology Preview Release 188 is now available for download for macOS Sonoma and macOS Ventura. If you already have Safari Technology Preview installed, you can update it in System Settings under General → Software Update. This release includes ... more
Learn about the similarities and differences of JavaScript and Python, how easy they are to learn, and which is best for you to learn first. Continue reading JavaScript vs Python: Which One Should You Learn First? on SitePoint. ... more
jQuery 4.0.0 has been in the works for a long time, but it is now ready for a beta release! There’s a lot to cover, and the team is excited to see it released. We’ve got bug fixes, performance improvements, and some breaking changes. We removed support ... more
Anyone is capable of having their caps lock key on at any given time without realizing so. Users can easily spot unwanted caps lock when typing in most inputs, but when using a password input , the problem isn’t so obvious. That leads to the user’s password ... more
Another update to the Astro web framework for content-driven websites has arrived. Only weeks since the release of Astro 4.2, Astro 4.3 brings more control over HTML file output and adds experimental domain support for different international (i18n) ... more
The bugs generated by using the index of the map function as keys in React can be quite hard to identify and frustrating. Let's see how we can avoid them! The key property uniquely identifies an element from a list. React uses it to check if the element ... more
State management in frontend development deals with maintaining the state or data knowledge across multiple application components. It’s an essential concept while working with frontend JavaScript and TypeScript frameworks and libraries, especially React, ... more
iPhone emulators are programs that replicate the hardware of an iPhone so you can run iOS apps on other operating systems. App developers often use emulators to test iPhone software on the Windows or Mac systems they use for programming. While they can’t ... more
One of the crucial elements while creating a website is the login page. As a critical component, the login feature is pivotal in ensuring user security and overall website performance. Any glitches or problems with the login process can potentially compromise ... more
Dropdowns are an integral part of modern websites, chosen by designers for their aesthetic appeal and efficient use of screen space. And like any other HTML element, the dropdown elements also need to be tested, especially when performing automated browser ... more
React Weekly Digest Welcome to React Weekly Digest #11. Choosing the right React library can be a daunting task given the multitude of options available, with thousands to sift through for your project needs. Fortunately, we will publish a weekly digest ... more
Converse Store Landing Page Landing page for the Converse store built using React, Vite, JavaScript and Tailwind CSS. View Demo View Github Features Responsive design Clean and modern UI Easily customizable Technologies Used React Vite Javascript Tailwind ... more
I've removed shows from Spotify in the past, but the change was to find the specific request and modify what was being sent. Eventually it would, and did fail. So I've gone one step higher and now I'm intercepting every request Spotify makes and I can ... more
The web is amazing. It makes collaborating, learning, and connecting easy for billions of people, because it’s intentionally designed to run on radically different devices. It’s your job as a web developer to ensure your project works in every browser ... more
The web is amazing. It makes collaborating, learning, and connecting easy for billions of people, because it’s intentionally designed to run on radically different devices. It’s your job as a web developer to ensure your project works in every browser ... more
Building hybrid applications provides a powerful and flexible solution for developers looking to create applications that can run seamlessly on both web and native platforms. By leveraging the strengths of React for UI development and Strada for bridging ... more
Hey, there friend! It's Daniel here, the guy who runs the js-craft.io website. I hope your past 2 weeks were great! Mine were full, and also fun, as I've been grinding out to finish the React book. Let's gooo! In this edition of the newsletter: 📘 The ... more
There are countless UI libraries and kits for React that we can use to build our application’s user interface. Some of these libraries provide built-in components with prewritten rendering and behaviors that aren’t easy to customize at lower levels. ... more
In today’s changing work culture, many people are moving towards freelancing. Freelancing allows people to work on their terms, at their convenience, and with their time and resources. But with this luxury comes some challenges as well. It would help ... more
Scrolling in Selenium is crucial for interacting with elements beyond the visible viewport. It ensures proper visibility and accessibility of elements during test execution, especially in scenarios involving dynamic content or lazy loading. Before diving ... more
react-image-particles A React component that converts any image into interactive particles. A free NPM package with a React component that converts any image into interactive particles. Create stunning visual effects that keep visitors on your page for ... more
TypeScript 5.4, a planned update to the strongly typed JavaScript variant from Microsoft, has reached beta availability. New capabilities include preserved narrowing within function closures created after the last assignment and a NoInfer type to block ... more
I find myself sometimes using the console.trace() to check from where a method was called. That is when I am too lazy to set breakpoints in the Javascript debugger. By using console.trace() , we have the get to display the stack trace of every function ... more
remix-routes remix-routes automatically generates typesafe helper functions for manipulating internal links in your Remix apps. video.mp4 remix-routes also works with remix-modules . Installation $ npm add remix-routes Setup Add remix-routes to your dev ... more