Discover the amusing and perplexing problem of users getting stuck on outdated Single-Page Application (SPA) code in open tabs. Unveiling a clever solution| CodeSmash
In the ever-evolving world of web development, trends come and go like fashion fads. One such trend that has caught the attention of developers is React server components. While touted as an innovative approach, it's hard to ignore the striking simil...| CodeSmash
A thought experiment on how you can pause and resume the execution of a JavaScript function| Tan Li Hau's Blog
I’ve been apartment hunting here in the Tokyo-area with my girlfriend. We’ve been sending links to various rental property listings back and forth in LINE (messaging app) and emailing with brokers. In a chat interface, it was hard keeping up with the status of each of the properties we’d seen, we wanted to see, we’d inquired about, etc. Classic project management problem.| twocentstudios.com
Learn how to keep your component libraries simple, easy to use, and adaptable to many use cases by leveraging Inversion of Control through Compound Components.| iO tech_hub
A big part of working with React.js is fetching data and displaying the results. Let’s see how the new React.use() hook can can help you!| iO tech_hub
「Kyoto.なんか #7」に参加してきた。 Kyoto.なんか #7 - connpass そこで id:nagayama さんがReact Three Fiberの話をしていて、Reactの宣言的な書き方でThree.jsの3Dシーンを描画できるの良いなと思った。 r3f.docs.pmnd.rs 以前にThree.jsを使ってみたときにちょっと書いたけどなかなか書き方難しいな、と感じていたのだった…。 memo.sugyan.com そして会の終了後に id:Windymelt さんがインターネッ...| すぎゃーんメモ
Financial fraud remains one of the most critical risks to small companies. As per the Association of Certified Fraud Examiners (ACFE), any small business loses 5% of its annual revenue due to fraud, which can be especially damaging to small businesses. Many also lack the sophisticated security systems that large companies may be equipped with, […] The post AI in Fraud Detection: How Small Businesses Can Prevent Financial Fraud appeared first on AI Software Development & Custom AI Solutions ...| AI Software Development & Custom AI Solutions for Businesses
Moving from Swift to TypeScript? Here are the key concepts I learned while diving into a React codebase, with the help of Claude Code.| @samwize
先日、Eテレ「ミミクリーズ」で、「あのもよう」という回が放送されていたのを子と一緒に観た。 www.nhk.jp その中で、自然界に出現する不思議な模様として黄金比・黄金角によって作られる模様を紹介していた。 実際に木に模した棒に等間隔で等角度ずつずらして順番に葉をつけていくと、どのような模様になるか、といったシミュレーションをしていて面白い。 用...| すぎゃーんメモ
ATProtocolのRustライブラリを作っている 活動の続きとして、ライブラリの動作確認も兼ねてDesktop Applicationを作ってみることにした。 Tauri RustでDesktop Application作成、といえば今もっとも普及しているのがTauriだろう。 tauri.app ステータスとしてはMobile Application対応を含む v2のリリースに向けてBeta versionが公開されている、という状態のようだ。 Tarium で、AT ProtocolのためのRust...| すぎゃーんメモ
JSer.info #743 - Nuxt 3.18がリリースされました。| JSer.info
Following Episode 178's Rails.env revelation, Atlas Monkey crew discovers that frontend applications suffer from even worse environmental confusion. When NODE_ENV meets create-react-app, Vite, and Next.js, the result is deployment chaos that makes Rails.env look simple. Echo joins the crew to implement the Frontend Environmental Truth Protocol and end JavaScript's environment deception.| Seuros Blog - Navigation Logs from the Ruby Nebula
Logical assignment operators (||=, &&=, ??=) streamline conditional assignments in JavaScript, making your code cleaner, safer, and easier to read, especially in modern front-end workflows.| allthingssmitty.com
The Moonshot AI team synthesized thousands of tools, agents, users, and sessions to build a library of training data.| Drew Breunig
Struggling with empty process.env in your custom React setup? Learn how one hidden assumption breaks env vars—and how to fix it.| Revelry
JSer.info #742 - Nuxt 4.0がリリースされました。 Announcing Nuxt 4.0 · Nuxt Blog 新しいプロジェクト構造としてapp/ディレクトリがデフォルトになり、useAsyncDataとuseFetchが同じキーでキャッシュを共有するようになりました。また、TypeScriptの設定ファイルをapp/server/node/shared用にそれぞれ作成し、CLIの改善なども含まれています。 マイグレーションガイドも公開されています。 Upgrade ...| JSer.info
JSer.info #740 - ECMAScript 2025 が正式にリリースされました。 Ecma International approves new standards - Ecma International Release ES2025 · tc39/ecma262 ECMAScript 2025 が Ecma International の General Assembly で承認され、正式にリリースされました。 ECMAScript 2025 では、次のような仕様が追加されています。 Iterator helpers: iterator に対する map、filter、reduce などのメソッド Set.prototype メソッド: Set に対する集...| JSer.info
JSer.info #739 - Biome v2がリリースされました。| JSer.info
Tooltips are small pop-ups that display additional information when users hover over, focus on, or click an element in a React application. They enhance user experience by providing context without cluttering the interface. Based on recent research, six libraries stand out for their popularity, features, and community support. Below, we highlight these libraries to help you choose the best one for your needs. Following are the top react tooltip libraries... The post Top 6 React Tooltip Librar...| ThemeSelection
Highcharts has been a favorite tool in the data visualization developer community for years. Over time, an active ecosystem has grown around it—one made up of forum threads, community-built integrations, and countless projects and tutorials shared across the web. But it hit us recently: there’s never been a single place where Highcharts fans could hang| Highcharts Blog | Highcharts
Say goodbye to manual fallbacks! Explore how JavaScript default parameters make your functions more robust, readable, and bug-free.| allthingssmitty.com
Discover best design patterns for building scalable, user-friendly forms in React. Learn how to manage state, validation, dynamic fields in form-heavy UIs.| DronaHQ
Explore the top authentication libraries for React and find the best solution to secure your application's user data.| ThemeSelection
Avoid runtime errors and write cleaner JavaScript with optional chaining, a powerful way for safely accessing deeply nested properties.| allthingssmitty.com
JSer.info #735 - Zod 4がリリースされました。| JSer.info
Learn how Elm's architectural discipline—and a few ideas from Clean Architecture—can reshape how we think about frontend boundaries.| cekrem.github.io
The simplest way to create interactive 3d experiences| iO tech_hub
Learn how the spread and rest syntax in JavaScript can power up the front-end, from array handling to React state updates, with tips every developer should know.| allthingssmitty.com
Learn how to apply the Dependency Inversion Principle in React to create more testable, maintainable, and flexible components. A practical guide to writing better React code.| cekrem.github.io
JSer.info #733 - Node.js v22.15.0がリリースされました。| JSer.info
JSer.info #732 - Zod 4 betaがリリースされました。| JSer.info
How to edit your SVG files for compatibility with React and JSX without using a library.| Los Angeles WordPress & web developer - Webinista, Inc.
Explore how variant props in design systems may cause inefficiencies, and discover alternatives for consistent, meaningful component APIs| Yazan's Software Thoughts
JSer.info #729 - Node.js v20.19.0(LTS)がリリースされました。| JSer.info
Some developers keep using the tools they are used to, rather than the best tool for the job. Recently, I had to work on a Multi Page Application, which was rendered using a Single Page Application Framework. Here are my thoughts on how to do it better.| Lusitos Tech Blog
React forms are often created with state, but this can quickly get complicated and confusing, especially with larger forms. Find out how to create React forms without state, which can help make your code easier to reason with.| Lusitos Tech Blog
Anyone who has ever worked with React will know the file extension JSX (TSX for TypeScript) and the HTML-related syntax. But what lies under the hood?| Lusitos Tech Blog
Recently I was debugging a piece of rather legacy React code and I've realized that some of the lazy components weren't unmounting properly for some reason, causing...| alinacierdem.com
JSer.info #728 - React Aria March 5, 2025リリースされました| JSer.info
JSer.info #727 - TypeScript 5.8がリリースされました。| JSer.info
Learn how to handle file uploads in React with a custom UI, drag-and-drop, progress bars, and backend support for validation.| ImageKit.io Blog
Learn how to crop and resize videos in your React.js application. Discover pitfalls and challenges and explore how to solve them using ImageKit.| ImageKit.io Blog
This guide covers practical methods to optimize video performance in React. Explore how lazy loading and using different video formats and sizes can improve performance. Learn how Adaptive Bitrate Streaming (ABS) works and implement it for an even smoother video experience.| ImageKit.io Blog
In my other blog I’ve wrote about how to apply Theming to a PCF made with Fluent UI 9. Today I’ll concentrate on how to make the PCF look like the “modern controls” (Canvas Apps) or “new look” (Model-Drive Apps). We’ll start with some Fluent 9 specifics, but if you want to jump on Model-Driven... Continue Reading →| Dianamics PCF Lady
For me, the news of the week was about the Virtual Components being general available. The Preview announcement was already in April 2022, so it took quite some time to go GA. But we actually could use them all this time. It was one of the very few functionalities which could be used in production,... Continue Reading →| Dianamics PCF Lady
Websites have become highly dynamic. The static sites of lore had moving images and the ability to embed large images. However, users need the site to be highly interactive and provide them with an experience. Front-end developers are responsible for keeping the website’s user journey engaging and clean. They must ensure that menus and items... The post React 19 For Business: Latest Features and Updates appeared first on Internet Soft.| Internet Soft
Announcing the first official release of the OpenFeature React SDK| OpenFeature Blog
Announcing version 1.0 of the OpenFeature Web SDK| OpenFeature Blog
Discover AtlasNinja: an open-source interactive map for exploring global data, now available on GitHub.| TMSVR - Dev Blog
A GitHub software engineer has described the past, present and future of UI (user interface) at GitHub, including […]| DEVCLASS
JSer.info #721 - pnpm 10がリリースされました。| JSer.info
Performance can begin to degrade pretty quickly when you are trying to show large amounts of data on a map. Even at hundreds of markers using Leaflet via React Leaflet , you may feel it start to lag. By clustering the points together you can…| Leigh Halliday's RSS Feed
Performance can begin to degrade pretty quickly when you are trying to show large amounts of data on a map. Even at hundreds of markers using Google Maps via google-map-react , you may feel it start to lag. By clustering the points together you…| Leigh Halliday's RSS Feed
Performance can begin to degrade pretty quickly when you are trying to show large amounts of data on a map. Even at hundreds of markers using Mapbox via react-map-gl , you may feel it start to lag. By clustering the points together you can improve…| Leigh Halliday's RSS Feed
Redux has been the go-to way to manage state within your React application for years. It's popularity is due in large part because when it was introduced, it solved a number of problems which were difficult to do in vanilla React on its own. A few…| Leigh Halliday's RSS Feed
SWR is a great package from Zeit to help make it easier to fetch remote data with hooks. It is based on the stale-while-revalidate RFC, which in simple terms says to show stale (old) data while you are fetching a new version of the data. The…| Leigh Halliday's RSS Feed
useEffect is meant to handle any sort of "side effect" (making a change in some external system, logging to the console, making an HTTP request, etc...) that is triggered by a change in your component's data or in reaction to the component rendering…| Leigh Halliday's RSS Feed
In this article we'll take a look at how to handle async code in React Testing Library, specifically at how to test and mock a call using Axios. Async code... waiting for an element In the example component shown in my article introducing React…| Leigh Halliday's RSS Feed
In this article we'll see how to fire and test events in our React components using the React Testing Library. With React Testing Library it's very easy to simulate browser events such as a click event. The library comes with a function called…| Leigh Halliday's RSS Feed
React Testing Library is an amazing yet simple testing library from Kent Dodds . It works alongside the testing library Jest to provide React specific testing for snapshots, verifying DOM attributes or content, triggering click (or other) events…| Leigh Halliday's RSS Feed
With React 16.7 we were introduced to hooks . A way to allow things like state, refs, and lifecycle functions to live inside functional components, functionality once only available in class based components. The great thing about hooks though is…| Leigh Halliday's RSS Feed
So you've updated your React code to use GraphQL, but there's those 2 RESTful API endpoints that you still have to integrate with... what do you do? You could use fetch or axios with your favorite state management tool, but now you have 2 ways of…| Leigh Halliday's RSS Feed
React gets its name from being reactive to changes in your data. When data changes, the UI reacts to those changes to re-render the page to match the data. Data is known as two things in React: state and props. State is data owned by the component…| Leigh Halliday's RSS Feed
In our tests we don't want to perform an actual HTTP request. To start with it is slow, but there are certain calls you really can't make with every test run, for example charging someone's credit card. In this article we'll look at a function that…| Leigh Halliday's RSS Feed
In this article below we will test a component which runs asynchronous code inside of its componentDidMount lifecycle event. We'll look at how to avoid making real AJAX requests through the mocking functionality provided by Jest, as well as learn a…| Leigh Halliday's RSS Feed
The new React Context API is touted (at least on Twitter and a number of articles) as solving the need to use a state management tool, when I think in reality what it solves is easy dependency injection: Take something that lives at the top of your…| Leigh Halliday's RSS Feed
Error boundaries were introduced in React 16.2 and provide a sort of declarative try/catch pattern for you to handle errors which occur during the render of a component. In this article we'll look at how to implement error boundaries, but we'll…| Leigh Halliday's RSS Feed
In this article we'll look at how to get up and running with testing React in a create-react-app . We'll look at how to configure your tests and tackle 3 common testing patterns. Config create-react-app comes with Jest pre-configured, but there…| Leigh Halliday's RSS Feed
React Motion is an animation library loved within the React community. I have to say that having some experience with libraries like GSAP, it isn't the easiest to comprehend, but its power comes from the ability to directly tie animations to your…| Leigh Halliday's RSS Feed
In this article/video we'll start with a simple React app made with create-react-app that uses component state (setState) as its state management. We'll then take it from component state to MobX, and then again from component state to Redux. During…| Leigh Halliday's RSS Feed
I've always loved MobX because of it's lack of boilerplate in comparison to Redux. It just seems so effortless to modify state... so how does it fare with Async code? In Redux you'd reach for something like thunk , but in MobX there are a few easy…| Leigh Halliday's RSS Feed
Currently there are 3 distinct ways of using refs in React. A ref gives you access to the underlying DOM element. This is especially useful when interfacing with libraries which require the DOM element. An example of this is three.js , which wants…| Leigh Halliday's RSS Feed
MobX State Tree takes something which is awesome (MobX) and brings it to the next level. You can now define your own typed models, made up of typed fields, and have them all nested together in a tree. You still get all of the same beautifully hidden…| Leigh Halliday's RSS Feed
You do not have to eject from create-react-app to get support for decorators and other babel plugins. MobX works fantastic with decorators and I've always been ejecting to get that working... but there is no longer a need to do that! In this video we…| Leigh Halliday's RSS Feed
Create React App is a great way to get up and running with React. It comes configured with sane defaults which are great for most people, but unfortunately we'll need to make a few changes before we can use MobX. I'm a huge fan of MobX and it's been…| Leigh Halliday's RSS Feed
In this video tutorial I show how to get up and running with Mobx in a React app. We will go from create-react-app all that way to having a fully functioning Mobx store connected to our components. If you would like to follow along, you will need…| Leigh Halliday's RSS Feed
Let's see how Next.js Multi Zones can make building micro frontends a breeze.| iO tech_hub
Let's have a look at React Portals and how they can help you in a pinch.| iO tech_hub
A large part of adding interactivity to your applications is through forms. Single Page Applications SPAs have not always handled this part the best. Let’s have a look at how we can use React.js Server Actions to handle your forms progressively enhanced.| iO tech_hub
JSer.info #720 - pnpm 10.0 RC 1がリリースされました。| JSer.info
Mozilla and Filament have introduced Uniffi for React Native, a tool that allows developers to leverage the safety and performance benefits of Rust in cross-platform React Native apps. The post Introducing Uniffi for React Native: Rust-Powered Turbo Modules appeared first on Mozilla Hacks - the Web developer blog.| Mozilla Hacks – the Web developer blog
I extensively use AI tools for coding - primarily Claude Sonnet 3.5 in VS Code Copilot and the OpenAI ChatGPT macOS app (using the 01 and 40 models) as of December 2024. While these tools, which felt groundbreaking just months ago, have become an integral part of my daily| Pixeljets
JSer.info #718 - React v19がリリースされました。| JSer.info
JSer.info #716 - Angular v19がリリースされました。| JSer.info
The ReactJS JavaScript framework has its pros and cons. Learn what they are, how it impacts SEO, and how to make its websites SEO-friendly.| Prerender
useEffect is for side effects.| Moving Forward
| Curiosum Blog
| Curiosum Blog
| Curiosum Blog
A quick overview of deloominator tech stack| Luca Pette
deloominator is a Go/React application I’ve been working in the past few months and it’s time to open-source it| Luca Pette
Fourth article of the series “my journey with React and its ecosystem”| Luca Pette
Third article of the series “my journey with React and its ecosystem”| Luca Pette
Webpack in development and semantic-ui setup| Luca Pette
