# React Published articles for React. This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles. ## TanStack Charts Introduced with a Framework Agnostic Grammar of Graphics for TypeScript DevFeed: [TanStack Charts Introduced with a Framework Agnostic Grammar of Graphics for TypeScript]() Original publisher: [Read original article]() Author: Daniel Curtis Published: 2026-09-17T05:53:00Z Content type: news Language: en Sources: [InfoQ]() Topics: [Library](), [TypeScript](), [Graphics](), [Frameworks](), [React]() Tags: [angular](), [data-visualization](), [development](), [framework](), [graphics](), [introduced](), [library](), [news](), [react](), [react-native](), [tanstack-charts-alpha-introduced](), [typescript](), [visualization](), [vue-js](), [web-development]() ### AI overview TanStack Charts is a new framework-agnostic TypeScript visualization library that uses a grammar-of-graphics approach instead of fixed chart types. It is in Alpha, has about 160,000 weekly downloads, and supports multiple frameworks and environments, though it is not yet stable for production use. ### Source excerpt TanStack Charts is a new, framework-agnostic visualization library for TypeScript. It allows developers to create visualizations by composing various elements instead of using fixed chart types. Currently in Alpha, it has about 160,000 weekly downloads. The library supports multiple frameworks and is designed for a variety of environments, though it is not yet stable for production use. By Daniel Curtis ## pgAdmin 4 v9.18 Released DevFeed: [pgAdmin 4 v9.18 Released]() Original publisher: [Read original article]() Author: Pgadmin Development Team Published: 2026-09-17T00:00:00Z Content type: release Language: en Sources: [PostgreSQL news]() Topics: [releases](), [Security](), [Vulnerabilities](), [Authentication](), [PostgreSQL](), [GUI](), [vs-code](), [React]() Tags: [2026](), [announce](), [authentication-bypass](), [bug-fixes](), [cve](), [database](), [react](), [security](), [security-vulnerabilities](), [vs-code]() ### AI overview The pgAdmin Development Team announces pgAdmin 4 version 9.18, a release containing 29 bug fixes and new features, including fixes for four security vulnerabilities. Changes include Object Explorer improvements, a hardened Content-Security-Policy, and fixes for authentication bypass and connection-string or argument injection issues in database-management tools. ### Source excerpt The pgAdmin Development Team is pleased to announce the release of pgAdmin 4 version 9.18. This release of pgAdmin 4 includes 29 bug fixes and new features, including fixes for four security vulnerabilities (CVE-2026-86861 through CVE-2026-86864). For more details, please see the release notes. pgAdmin is the leading open-source graphical management tool for PostgreSQL. For more information, please see the website. Notable changes in this release include: Features Collapse and restore the Object Explorer by re-clicking the current workspace icon, in the manner of the VS Code side bar, remembering the choice across refreshes. A keyboard shortcut, Ctrl+Alt+B by default, does the same thing and can be changed through the new toggle_object_explorer preference. Harden the default Content-Security-Policy so inline scripts run under a per-request nonce rather than a blanket 'unsafe-inline', and drop 'unsafe-eval'. style-src keeps 'unsafe-inline', because MUI and React inject runtime styles and inline style attributes that cannot carry a nonce, and development bundles have 'unsafe-eval' re-added automatically when DEBUG is set. Security Fixes Fix an authentication bypass in Webserver authentication mode, where get_user() fell back to reading the configured WEBSERVER_REMOTE_USER name from the inbound request headers when it was absent from the WSGI environment. Because a header is written by whoever sends the request, any client that could reach pgAdmin could assert any identity, including an administrator's, without presenting a credential. A header-asserted identity is now opt-in, restricted to a configured list of trusted proxies with an optional shared secret, and refused for accounts whose authentication source is not webserver (CVE-2026-86863). Fix argument and connection-string injection in the Backup tool, where the client-supplied database name was appended to the pg_dump argument vector as a bare positional value. Because getopt_long permutes arguments, a value beg ## Let's Reduce! A Gentle Introduction to Javascript's Reduce Method DevFeed: [Let's Reduce! A Gentle Introduction to Javascript's Reduce Method]() Original publisher: [Read original article]() Author: Khan Academy Published: 2017-07-10T22:00:00Z Content type: tutorial Language: en Sources: [Khan Academy]() Topics: [JavaScript](), [coding](), [Redux](), [Web Development]() Tags: [array](), [arrow](), [engineering](), [filter](), [introduction](), [javascript](), [map](), [news](), [react](), [reduce](), [web-frontend]() ### AI overview A tutorial explaining JavaScript's reduce method as a foundation for understanding Redux. It describes how reduce processes array items, how each iteration depends on the previous return value, and why the method can be difficult to learn. ### Source excerpt By Josh Comeau Every summer, Khan Academy recruits a few software engineer interns. As part of their onboarding, ... Read more ## Fun with slope fields, css and react DevFeed: [Fun with slope fields, css and react]() Original publisher: [Read original article]() Author: Khan Academy Published: 2015-08-05T22:00:00Z Content type: opinion Language: en Sources: [Khan Academy]() Topics: [CSS](), [React](), [notifications](), [math]() Tags: [css](), [design](), [engineering](), [fun](), [math](), [news](), [notifications](), [react]() ### AI overview An account of designing a Khan Academy notification banner for LearnStorm winners under a tight three-day deadline. The project focused on improving the notification's visual presentation while incorporating LearnStorm's slope-field identity, using CSS and React. ### Source excerpt By Marcos Ojeda A while ago, we needed to send out a notification to all our LearnStorm winners ... Read more ## Inline CSS at Khan Academy: Aphrodite DevFeed: [Inline CSS at Khan Academy: Aphrodite]() Original publisher: [Read original article]() Author: Khan Academy Published: 2016-03-29T22:00:00Z Content type: article Language: en Sources: [Khan Academy]() Topics: [React](), [Server-side rendering](), [HTML](), [JavaScript](), [Latency](), [networking](), [Chrome]() Tags: [chrome](), [css](), [engineering](), [infrastructure](), [javascript](), [latency](), [network](), [news](), [react](), [server-side-rendering]() ### AI overview Jamie Wong discusses Aphrodite, Khan Academy's inline styling solution, the constraints that shaped it, and its use in production. The article explains how reducing bytes before content renders motivated server-side rendering and compares the initial-load byte requirements of server-side and client-side rendering. ### Source excerpt By Jamie Wong I won't ramble in this post about the maintenance woe that is CSS, as others ... Read more ## What's New in OSS at Khan Academy DevFeed: [What's New in OSS at Khan Academy]() Original publisher: [Read original article]() Author: Khan Academy Published: 2017-04-03T22:00:00Z Content type: article Language: en Sources: [Khan Academy]() Topics: [Open Source](), [Software](), [React](), [Functional programming](), [JavaScript](), [Algorithms](), [jQuery]() Tags: [algorithms](), [engineering](), [functional-programming](), [javascript](), [news](), [open-source-software](), [oss](), [react](), [web-frontend]() ### AI overview Khan Academy highlights several recent open-source projects, including Mu Lambda, a small JavaScript library of functional programming utilities; React Balance Text, a React wrapper for Adobe's Balance-Text project; Fuzzy Match Utils, which uses string-matching algorithms for filtering; and React Multi Select. ### Source excerpt By Brian Genisio At Khan Academy, we rely heavily on Open Source Software (OSS). The majority of our ... Read more ## Interning at Khan Academy: from student to intern DevFeed: [Interning at Khan Academy: from student to intern]() Original publisher: [Read original article]() Author: Khan Academy Published: 2016-12-12T23:00:00Z Content type: article Language: en Sources: [Khan Academy]() Topics: [Mobile](), [Front end](), [React](), [JavaScript](), [es6](), [User Experience](), [Scala]() Tags: [bugs](), [engineering](), [es6](), [features](), [frontend](), [intern](), [javascript](), [mobile](), [news](), [open-source](), [react](), [student](), [user-experience](), [web-frontend]() ### AI overview A student intern describes two months working on Khan Academy's X-on-Mobile initiative. The article covers improving a mobile math keypad, fixing gesture-related bugs, adding interface features, learning idiomatic ES6 with React in production, and working with open-source libraries. ### Source excerpt By Shadaj Laddad This past summer I had the amazing opportunity to work on a product I use ... Read more ## How to upgrade hundreds of React components without breaking production DevFeed: [How to upgrade hundreds of React components without breaking production]() Original publisher: [Read original article]() Author: Khan Academy Published: 2019-09-23T22:00:00Z Content type: tutorial Language: en Sources: [Khan Academy]() Topics: [React](), [Design system](), [upgrade](), [Accessibility](), [consistency](), [test](), [Deployment](), [Code]() Tags: [accessibility](), [components](), [consistency](), [deployment](), [design-system](), [engineering](), [how-to](), [news](), [production](), [react](), [test](), [upgrade](), [web-frontend]() ### AI overview This article explains how Khan Academy upgraded hundreds of React buttons and links to components from its Wonder Blocks design system. It describes using a prop-conversion guide, organizing small team-owned changes, deploying often, and validating the migration with detailed test plans and responsive screenshots. ### Source excerpt By Jangmi Jo Background In 2018, we started renewing our color system using our new shared design system, ... Read more ## Creating Query Components with Apollo DevFeed: [Creating Query Components with Apollo]() Original publisher: [Read original article]() Author: Khan Academy Published: 2017-06-12T22:00:00Z Content type: tutorial Language: en Sources: [Khan Academy]() Topics: [GraphQL](), [React](), [React Component](), [API]() Tags: [apollo](), [engineering](), [examples](), [flow](), [graphql](), [how-to](), [news](), [react](), [react-component](), [web-frontend]() ### AI overview This tutorial explains a Query Components pattern for React applications using Apollo and GraphQL. The pattern separates data definitions from presentational components, allowing the presentational layer to remain independent of Apollo and GraphQL. Examples cover filtering by postal code, loading and error states, empty results, and Flow types. ### Source excerpt By Brian Genisio Here at Khan Academy, we've been using GraphQL in several projects with great success. GraphQL ... Read more ## Intelligence is yours. Let's keep it that way. DevFeed: [Intelligence is yours. Let's keep it that way.]() Original publisher: [Read original article]() Author: Paddy Srinivasan Published: 2026-09-14T21:11:13Z Content type: opinion Language: en Sources: [DigitalOcean]() Topics: [Open Source](), [Software](), [PostgreSQL](), [React](), [GitHub]() Tags: [agents](), [competition](), [github](), [infrastructure](), [intellectual-property](), [kubernetes](), [models](), [mysql](), [news](), [open-source](), [opencode](), [postgresql](), [react]() ### AI overview The article argues that founders should retain ownership and control of their companies' intelligence rather than depend on a single intelligence provider. It advocates an Open Intelligence movement built from open-source models, agents, harnesses, data technologies, and infrastructure, drawing comparisons with the adoption of Linux, PostgreSQL, MySQL, Kubernetes, and other open technologies. ### Source excerpt Intelligence was yours. A founder's intellectual property, business logic, differentiation, their intelligence, was once theirs alone. You built it, you owned it, and no tools/platform vendor stood between you and your customers. This is no longer clear. It is starting to look like it is "theirs." Intelligence can now be manufactured: the models, the agents and the harnesses that drive them, and the compute they run on. Providers who own all these can produce the application, and the differentiation, in every industry. That power runs the risk of becoming increasingly concentrated in a handful of companies. The race for the application layer is not about interfaces or go-to-market; it is a fight over who owns the intelligence layer itself. We have seen this before but we must act before its too late. Linux started behind Unix and Windows and now runs most of the world's servers. PostgreSQL and MySQL started behind Oracle and now underpin most new software. Kubernetes arrived after proprietary orchestrators and made them irrelevant. Each began less capable and won anyway: builders could see inside it, run it anywhere, and never had to ask permission. The same is happening now. Open weight models have repeatedly reached the frontier this past year. Open harnesses like OpenCode have grown to tens of trillions of tokens a day. Hermes reached more than 200,000 GitHub stars in five months, a milestone that took React a decade to achieve. Along with the near total adoption of open source data technologies, this collection of open technologies power an Open Intelligence movement. Open Intelligence restores the order. It returns to founders ownership of what makes their companies theirs. Founders should be free to build without tying their future to a single intelligence provider: their choice of agents, harnesses, data technologies, models, and infrastructure, with open source transparency, control, and competition keeping every layer honest. The stakes go beyond business. ## Jotai 3.0 Ships as a Modernized, ESM-Only Package That Drops Legacy Builds and Deprecated APIs DevFeed: [Jotai 3.0 Ships as a Modernized, ESM-Only Package That Drops Legacy Builds and Deprecated APIs]() Original publisher: [Read original article]() Author: Daniel Curtis Published: 2026-09-14T06:46:00Z Content type: news Language: en Sources: [InfoQ]() Topics: [React](), [releases](), [Tooling](), [Zustand]() Tags: [commonjs](), [compatibility](), [development](), [javascript](), [jotai-3-released](), [news](), [react](), [releases](), [typescript](), [upgrade](), [web-development]() ### AI overview Jotai 3.0.0 is a stable, ESM-only release for React that removes CommonJS, UMD, and SystemJS builds, drops older Node, React, and TypeScript support, targets ES2020, and removes several deprecated APIs. Most migrations are described as mechanical, with replacements and import changes documented in the migration guide. Larger feature changes, including concurrent-safe atoms and external-store syncing, are deferred to later versions. ### Source excerpt Jotai, an atomic state management library for React, has released version 3.0.0, now exclusively using ES modules. It maintains backward compatibility but removes some deprecated APIs. Migration is straightforward for most users. This version emphasizes a leaner core with improvements while deferring significant feature changes for future updates. By Daniel Curtis ## Meta Open-Sources Astryx, Its Agent-Ready React Design System DevFeed: [Meta Open-Sources Astryx, Its Agent-Ready React Design System]() Original publisher: [Read original article]() Author: Bruno Couriol Published: 2026-09-13T23:39:00Z Content type: news Language: en Sources: [InfoQ]() Topics: [Meta](), [React](), [Open Source](), [CSS](), [Tooling](), [Accessibility](), [Model Context Protocol](), [User interface design](), [Web Development](), [Svelte](), [Flutter]() Tags: [accessibility](), [css](), [development](), [flutter](), [javascript](), [mcp](), [meta](), [meta-astryx-design-system](), [news](), [open-source](), [react](), [svelte](), [tokens](), [tooling](), [typescript](), [ui](), [web-development]() ### AI overview Meta has beta-released Astryx, an open-source React design system developed internally over eight years. It offers more than 150 accessible components, customizable CSS design tokens, precompiled StyleX-based styling, component code ejection, CLI tooling, and an MCP endpoint for developer and AI workflows. ### Source excerpt Meta recently announced the beta release of Astryx, an open-source React design system developed internally over eight years. Astryx builds on React 19 and StyleX to provide over 150 accessible UI components, customizable CSS design tokens, and dedicated CLI and MCP tooling -- for both engineers and AI agents. By Bruno Couriol ## AI Agents in 2026 DevFeed: [AI Agents in 2026]() Original publisher: [Read original article]() Author: iHateReading Published: 2026-09-13T09:23:56Z Content type: opinion Language: en Sources: [iHateReading]() Topics: [Artificial Intelligence]() Tags: [agents](), [ai](), [ai-agents](), [ai-agents-ai-business-agents-ideas](), [ai-agents-in-2026-why-every-founder-s-stack-just-changed-for-good](), [backend](), [blockchain](), [business-agents](), [coding](), [development](), [frontend](), [ideas](), [ihatereading](), [javascript](), [node-js](), [product](), [programming](), [react](), [typescript](), [web-development]() ### AI overview The author revisits an earlier post that called AI agents "the next big thing," arguing that by September 2026 this no longer needs to be argued. ### Source excerpt Hey there!A while back, I wrote a short post calling AI agents "the next big thing." It's September 2026 now, and I don't need to convince anyone of that anymo... ## Company's Building AI Agent Sandbox SDKs & APIs DevFeed: [Company's Building AI Agent Sandbox SDKs & APIs]() Original publisher: [Read original article]() Author: iHateReading Published: 2026-09-12T13:15:15Z Content type: opinion Language: en Sources: [iHateReading]() Topics: [AI Agent](), [SDKs](), [Artificial Intelligence](), [Development]() Tags: [ai](), [ai-agent](), [ai-sandboxes](), [ai-sandboxes-vercel-aws-google-daytona](), [apis](), [aws](), [backend](), [blockchain](), [coding](), [company-s-building-ai-agent-sandbox-sdks-apis](), [daytona](), [developer](), [development](), [frontend](), [google](), [ihatereading](), [javascript](), [node-js](), [product](), [programming](), [react](), [sdks](), [typescript](), [vercel](), [web-development]() ### AI overview An opinion article discusses companies building AI agent sandboxes, SDKs, and APIs, in the context of an ongoing competition around AI sandboxes. ### Source excerpt Company's Building AI Agent Sandbox SDKs & APIs I wrote about the fight for AI sandboxes back in March -- the short version was that every AI agent that wri... ## How to Build an AI Chat App Interface With the Vercel AI SDK and Shadcn/ui DevFeed: [How to Build an AI Chat App Interface With the Vercel AI SDK and Shadcn/ui]() Original publisher: [Read original article]() Author: Vaibhav Gupta Published: 2026-09-11T16:21:29Z Content type: tutorial Language: en Sources: [freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More]() Topics: [vercel ai sdk](), [AI Chat](), [SDKs](), [Node.js]() Tags: [ai](), [app](), [how-to](), [llm](), [mcp](), [next-js](), [node](), [openai](), [react](), [shadcn-ai-chat-app](), [shadcn-ui](), [streaming](), [tailwind](), [typescript](), [ui](), [vercel](), [vercel-ai-sdk]() ### AI overview Tutorial for building a streaming AI chat interface in Next.js with the Vercel AI SDK and shadcn/ui. ### Source excerpt Every other AI product you open today has the same screen: a message list, a text box at the bottom, and words that stream in one token at a time. It looks simple, but it's not simple to build well. Y ## Building EasyReply: How We Used Laravel to Unify Customer Support DevFeed: [Building EasyReply: How We Used Laravel to Unify Customer Support]() Original publisher: [Read original article]() Author: Emma Blake Published: 2026-09-11T16:06:51Z Content type: article Language: en Sources: [Laravel]() Topics: [Laravel](), [Support](), [Artificial Intelligence](), [React](), [WebSocket](), [PHP](), [Single-page application (SPA)](), [email](), [Front end](), [Instagram]() Tags: [ai](), [api](), [development](), [email](), [frontend](), [instagram](), [laravel](), [queue](), [react](), [sponsor](), [support](), [ui](), [websocket]() ### AI overview This article explains how EasyReply uses Laravel to combine email, Slack, Instagram, and WhatsApp conversations in an AI-powered shared inbox. It describes Laravel Reverb for real-time updates, Inertia and React for the frontend, and queues for background processing. ### Source excerpt EasyReply pulls email, Slack, Instagram, and WhatsApp into one AI shared inbox, built on Laravel with Reverb, Inertia, React, and queues. The post Building EasyReply: How We Used Laravel to Unify Customer Support appeared first on Laravel News. Join the Laravel Newsletter to get Laravel articles like this directly in your inbox. ## Adding Google Login to a React App with Auth0 DevFeed: [Adding Google Login to a React App with Auth0]() Original publisher: [Read original article]() Author: Carla Urrea Stabile Published: 2026-09-11T00:00:00Z Content type: tutorial Language: en Sources: [Auth0 Blog]() Topics: [Auth0](), [React](), [SDK](), [OAuth](), [OpenID connect (OIDC)](), [Vite](), [web applications](), [Node.js]() Tags: [auth0](), [authentication](), [google](), [node-js](), [oauth](), [oidc](), [react](), [sdk](), [tutorial](), [vite](), [web-applications]() ### AI overview A step-by-step tutorial for adding Google login to a Vite-based React application with Auth0. It covers installing the Auth0 React SDK, creating and configuring an Auth0 application, setting callback, logout, and web-origin URLs, and preparing credentials for production Google authentication. ### Source excerpt Add Google login to a React app with Auth0. A step-by-step tutorial from installing the Auth0 React SDK to configuring your own production Google credentials. ## Native is now the future of mobile at Shopify DevFeed: [Native is now the future of mobile at Shopify]() Original publisher: [Read original article]() Author: Simon Willison Published: 2026-09-10T21:11:15Z Content type: opinion Language: en Sources: [Simon Willison's Weblog]() Topics: [Mobile](), [React Native](), [Shopify](), [AI-assisted coding](), [Kotlin](), [Swift](), [Open Source](), [Android](), [Generative AI](), [iOS]() Tags: [ai](), [ai-2-236](), [ai-assisted-search](), [ai-assisted-search-36](), [android](), [android-14](), [coding-agents](), [coding-agents-248](), [generative-ai](), [generative-ai-1-982](), [ios](), [ios-26](), [kotlin](), [llms](), [llms-1-948](), [mobile](), [mobile-41](), [open-source](), [open-source-320](), [react](), [react-43](), [react-native](), [shopify](), [shopify-8](), [swift](), [swift-12]() ### AI overview Shopify is moving its mobile apps from React Native back to separate Swift and Kotlin codebases. The article explains that AI agents can now handle enough implementation, translation, testing, and review work to reduce the cost of maintaining separate platforms. It also notes the planned relocation or archival of Shopify's React Native libraries. ### Source excerpt Native is now the future of mobile at Shopify Shopify are moving from React Native back to separate Swift and Kotlin codebases for their native apps, for the exact reason you would expect: We decided to switch from native to React Native in 2020 for three reasons: Stop building the same features twice Allow developers to work across the stack Spend less time chasing feature parity and more time shipping value [...] Native still means building and maintaining software on two platforms, that cost has not disappeared. What changed is that agents can now do enough of the implementation, translation, testing, and review work that it's no longer the deciding factor it was in 2020. It's a well-written post, which gives full credit to React Native as a great platform for the six years they were using it. Shopify are the maintainers of three significant React Native libraries: react-native-skia, flash-list, and restyle. The first two are finding new homes; the third "has a smaller user base than our other libraries" and will be archived at the end of 2026. Via Hacker News Tags: android, mobile, open-source, ios, ai, react, generative-ai, llms, ai-assisted-search, coding-agents, swift, shopify ## TikTok Is Quietly Putting Web Apps Inside Its App DevFeed: [TikTok Is Quietly Putting Web Apps Inside Its App]() Original publisher: [Read original article]() Author: Alex Harper Published: 2026-09-10T17:33:18Z Content type: article Language: en Sources: [Web Designer Depot]() Topics: [modern web development](), [Web Development](), [interactive website](), [App](), [React Native]() Tags: [app-development](), [app-ecosystem](), [browser](), [digital-platforms](), [embedded-apps](), [framework](), [future-of-apps](), [in-app-experiences](), [javascript](), [mini-apps](), [mobile-apps](), [mobile-web](), [platform](), [react](), [social-commerce](), [social-media](), [technology](), [tiktok](), [tiktok-apps](), [tiktok-developers](), [ui-design](), [ux-design](), [web](), [web-apps](), [web-design](), [web-designers](), [web-development]() ### AI overview TikTok Minis let third-party, web-based experiences run inside TikTok, using technologies such as HTML, JavaScript, React, and Vue. The article examines how this could blur the boundaries between websites, social networks, and apps while noting TikTok's platform, configuration, and approval constraints. ### Source excerpt TikTok isn't just hosting videos anymore--it's quietly letting web-based experiences live inside the app. TikTok Minis could blur the line between social network, browser, and app platform, and web designers should be paying attention. ## How to Get Free Traffic to Your Website in 2026: The Complete Free-to-Paid Growth Playbook DevFeed: [How to Get Free Traffic to Your Website in 2026: The Complete Free-to-Paid Growth Playbook]() Original publisher: [Read original article]() Author: iHateReading Published: 2026-09-10T12:46:02Z Content type: tutorial Language: en Sources: [iHateReading]() Topics: [Website](), [Software as a service]() Tags: [2026](), [backend](), [blockchain](), [coding](), [development](), [founders](), [frontend](), [growth](), [guide](), [how-to](), [how-to-get-free-traffic-to-your-website-in-2026-the-complete-free-to-paid-growth-playbook](), [ihatereading](), [javascript](), [marketing](), [node-js](), [product](), [programming](), [react](), [seo](), [seo-traffic-growth-founders-marketing](), [traffic](), [typescript](), [web-development](), [website]() ### AI overview A guide to getting free website traffic in 2026 and moving from free acquisition methods toward paid growth. ### Source excerpt ree SaaS directories to submit for free 2026, Reddit marketing for startups without ads, Hacker News Show HN launch guide, Dev.to article distribution for deve... ## Build a support chatbot with Appwrite Functions and VectorsDB DevFeed: [Build a support chatbot with Appwrite Functions and VectorsDB]() Original publisher: [Read original article]() Author: Atharva Deosthale Published: 2026-09-10T00:00:00Z Content type: tutorial Language: en Sources: [Appwrite Blog]() Topics: [Appwrite](), [Chat Bot](), [Retrieval-Augmented Generation](), [Embeddings](), [React](), [SDKs](), [Node.js]() Tags: [api](), [build](), [chat](), [deploy](), [embedding](), [functions](), [node-js](), [rag](), [react](), [retrieval](), [support](), [tutorials]() ### AI overview This tutorial builds Harbor Help, a support chatbot for a fictional project-management product. It uses Appwrite VectorsDB to store help-center article embeddings, an Appwrite Function to retrieve relevant excerpts and generate answers through OpenRouter, and Appwrite Sites to host a React interface. The chatbot uses retrieval-augmented generation and can refuse questions outside the help center. ### Source excerpt Seed a help center, retrieve relevant articles with VectorsDB, and answer customer questions through an Appwrite Function. Deploy the chat interface on Appwrite Sites. ## Using 10 Claude Skills to Run an Online Content Website DevFeed: [Using 10 Claude Skills to Run an Online Content Website]() Original publisher: [Read original article]() Author: iHateReading Published: 2026-09-09T10:43:29Z Content type: opinion Language: en Sources: [iHateReading]() Topics: [Claude](), [Website]() Tags: [ai](), [backend](), [blockchain](), [claude](), [claude-skills](), [coding](), [development](), [founderos](), [founderos-claude-claude-skills-gpt-ai](), [frontend](), [gpt](), [i-gave-claude-10-plus-saas-growth-skills-and-let-it-run-my-own-platform](), [ihatereading](), [javascript](), [node-js](), [product](), [programming](), [react](), [skills](), [typescript](), [web-development]() ### AI overview The article describes using 10 Claude Skills to run an online content website. ### Source excerpt Run entire online content website using 10 Claude Skills ## v0 adds one-click integrations for email, auth, search, and databases DevFeed: [v0 adds one-click integrations for email, auth, search, and databases]() Original publisher: [Read original article]() Author: Jathin Singaraju Published: 2026-09-09T00:00:00Z Content type: release Language: en Sources: [Vercel News]() Topics: [AI Chat]() Tags: [agent-skills](), [auth](), [code](), [databases](), [integration](), [react](), [search](), [skills](), [vercel]() ### AI overview Vercel's v0 adds inline Marketplace integrations for providers including Resend, Amazon OpenSearch, MongoDB Atlas, Algolia, and Clerk. Connected providers can be configured automatically, and provider skills can guide generated code. ### Source excerpt We're working toward bringing parity across Vercel integration and v0, starting with Resend, Amazon OpenSearch, MongoDB Atlas, Algolia and Clerk. Prompt v0 with what you want to build, and when your prompt requires a provider, v0 renders a connect card in the chat. With Marketplace integrations in v0, you get: Connect as you build: Prompt v0 with what you want to create, and connect the required provider inline. Automatic setup: Once connected, v0 handles the required environment variables and configuration. Provider skills loaded automatically: When you connect a provider that publishes agent skills, v0 loads them and generates code that follows the provider's recommended patterns. Provider-specific capabilities: Resend, for example, adds transactional email with React Email components. To get started, open a v0 chat and prompt what you want to add to your stack. Read more ## React 19.3 DevFeed: [React 19.3]() Original publisher: [Read original article]() Author: The React Team Published: 2026-09-09T00:00:00Z Content type: release Language: en Sources: [React Blog]() Topics: [React UI animations](), [web animation](), [modern web development](), [Web platform]() Tags: [animation](), [api](), [browser](), [css](), [react](), [release](), [view-transitions]() ### AI overview React 19.3 stabilizes View Transitions and Fragment Refs. The article focuses on using View Transitions to animate UI updates, with CSS and Web Animations API customization options. ### Source excerpt React 19.3 adds new features like View Transitions, Fragment Refs, browser(), Trusted Types, and more. [Next page]()