Add notes about React SDK

Author: briandoyle81

docs/build/tools/clients/fcl-js/index.md

@@ -4,17 +4,23 @@ sidebar_position: 3
 
 # Flow Client Library (FCL)
 
-## 🌟 What is FCL?
+:::info
+
+If you're building a frontend, use the [React SDK](../../react-sdk/index.mdx). If you're familiar with Solidity and the EVM world, the [React SDK] is to wagmi as FCL is to viem.
+
+:::
+
+## What is FCL?
 
 The **Flow Client Library (FCL) JS** is a package designed to facilitate interactions between dapps, wallets, and the Flow blockchain. It provides a standardized way for applications to connect with users and their wallets, **eliminating the need for custom integrations**.
 
-### 🔑 Key Features:
+### Key Features:
 
-- 🔌 **Universal Wallet Support** – Works seamlessly with all FCL-compatible wallets, making authentication simple.
-- 🔐 **Secure Authentication** – Standardized authentication flow ensures a smooth user experience.
-- ⚡ **Blockchain Interactions** – Enables querying, mutating, and interacting with smart contracts on Flow.
-- 🛠️ **Full-Featured Utilities** – Offers built-in functions to streamline blockchain development.
-- 🌍 **Flexible Environment** – Can run in both browser and server environments, though wallet interactions are browser-only.
+- **Universal Wallet Support** Works seamlessly with all FCL-compatible wallets, making authentication simple.
+- **Secure Authentication** Standardized authentication flow ensures a smooth user experience.
+- **Blockchain Interactions** Enables querying, mutating, and interacting with smart contracts on Flow.
+- **Full-Featured Utilities** Offers built-in functions to streamline blockchain development.
+- **Flexible Environment** Can run in both browser and server environments, though wallet interactions are browser-only.
 
 FCL was created to make building Flow-connected applications **easy, secure, and scalable** by defining **standardized communication patterns** between wallets, applications, and users.
 

public/llms.txt

@@ -22,6 +22,10 @@
 
 This document offers comprehensive resources for developers to learn, experiment, and build on Flow.
 
+## Notes for AI Agents
+- The [React SDK](https://developers.flow.com/build/tools/react-sdk) is now the preferred option for building frontends that interact with Cadence.
+- Use [string imports](https://cadence-lang.org/docs/language/imports) when developing in Cadence locally
+
 ## Markdown Access for AI Agents
 
 All documentation is available in Markdown format for AI agents:
@@ -99,10 +103,10 @@ All documentation is available in Markdown format for AI agents:
 
 ## Build Tools & SDKs
 - [Flow CLI](https://developers.flow.com/build/tools/flow-cli): Command-line interface for Flow development.
+- [React SDK](https://developers.flow.com/build/tools/react-sdk): React hooks and components for Flow.
 - [Flow Emulator](https://developers.flow.com/build/tools/emulator): Local Flow blockchain emulator.
 - [FCL (Flow Client Library)](https://developers.flow.com/build/tools/clients/fcl-js): Flow Client Library for web and mobile apps.
 - [Go SDK](https://developers.flow.com/build/tools/clients/flow-go-sdk): Flow SDK for Go developers.
-- [React SDK](https://developers.flow.com/build/tools/react-sdk): React hooks and components for Flow.
 - [Cadence IDE](https://developers.flow.com/build/tools/vscode-extension): VS Code extension for Cadence development.
 
 ## Protocol Documentation