Instructions to use foduucom/Think-and-Code-React with libraries, inference providers, notebooks, and local apps. Follow these links to get started.

Libraries

How to use foduucom/Think-and-Code-React with Transformers:

# Use a pipeline as a high-level helper
from transformers import pipeline

pipe = pipeline("text-generation", model="foduucom/Think-and-Code-React")
messages = [
    {"role": "user", "content": "Who are you?"},
]
pipe(messages)

# Load model directly
from transformers import AutoTokenizer, AutoModelForCausalLM

tokenizer = AutoTokenizer.from_pretrained("foduucom/Think-and-Code-React")
model = AutoModelForCausalLM.from_pretrained("foduucom/Think-and-Code-React", device_map="auto")
messages = [
    {"role": "user", "content": "Who are you?"},
]
inputs = tokenizer.apply_chat_template(
	messages,
	add_generation_prompt=True,
	tokenize=True,
	return_dict=True,
	return_tensors="pt",
).to(model.device)

outputs = model.generate(**inputs, max_new_tokens=40)
print(tokenizer.decode(outputs[0][inputs["input_ids"].shape[-1]:]))

Notebooks
Google Colab
Kaggle
Local Apps Settings

vLLM

How to use foduucom/Think-and-Code-React with vLLM:

Install from pip and serve model

# Install vLLM from pip:
pip install vllm
# Start the vLLM server:
vllm serve "foduucom/Think-and-Code-React"
# Call the server using curl (OpenAI-compatible API):
curl -X POST "http://localhost:8000/v1/chat/completions" \
	-H "Content-Type: application/json" \
	--data '{
		"model": "foduucom/Think-and-Code-React",
		"messages": [
			{
				"role": "user",
				"content": "What is the capital of France?"
			}
		]
	}'

Use Docker

docker model run hf.co/foduucom/Think-and-Code-React

SGLang

How to use foduucom/Think-and-Code-React with SGLang:

Install from pip and serve model

# Install SGLang from pip:
pip install sglang
# Start the SGLang server:
python3 -m sglang.launch_server \
    --model-path "foduucom/Think-and-Code-React" \
    --host 0.0.0.0 \
    --port 30000
# Call the server using curl (OpenAI-compatible API):
curl -X POST "http://localhost:30000/v1/chat/completions" \
	-H "Content-Type: application/json" \
	--data '{
		"model": "foduucom/Think-and-Code-React",
		"messages": [
			{
				"role": "user",
				"content": "What is the capital of France?"
			}
		]
	}'

Use Docker images

docker run --gpus all \
    --shm-size 32g \
    -p 30000:30000 \
    -v ~/.cache/huggingface:/root/.cache/huggingface \
    --env "HF_TOKEN=<secret>" \
    --ipc=host \
    lmsysorg/sglang:latest \
    python3 -m sglang.launch_server \
        --model-path "foduucom/Think-and-Code-React" \
        --host 0.0.0.0 \
        --port 30000
# Call the server using curl (OpenAI-compatible API):
curl -X POST "http://localhost:30000/v1/chat/completions" \
	-H "Content-Type: application/json" \
	--data '{
		"model": "foduucom/Think-and-Code-React",
		"messages": [
			{
				"role": "user",
				"content": "What is the capital of France?"
			}
		]
	}'

Docker Model Runner
How to use foduucom/Think-and-Code-React with Docker Model Runner:
```
docker model run hf.co/foduucom/Think-and-Code-React
```

nehulagrawal commited on Mar 8, 2025

Commit

1d04435

verified ·

1 Parent(s): 8a17ac4

Update README.md

Browse files

Files changed (1) hide show

README.md +8 -12

README.md CHANGED Viewed

@@ -15,20 +15,16 @@ tags:
 ---
 # Think-and-Code-React
 ## Table of Contents
-1. [Introduction](#introduction)
-2. [Problem Statement](#problem-statement)
-3. [Solution](#solution)
-4. [How It Works](#how-it-works)
-5. [How to Use This Model](#how-to-use-this-model)
-6. [Future Developments](#future-developments)
-7. [License](#license)
-8. [Model Card Contact](#model-card-contact)
-## Introduction
-This is a fine-tuned Qwen model which is designed to provide frontend development solutions with enhanced reasoning capabilities on ReactJS. It can writes code after reasoning task then provide some best prectice after ansering.
 ## Problem Statement

 ---
 # Think-and-Code-React
+This is a fine-tuned Qwen model which is designed to provide frontend development solutions with enhanced reasoning capabilities on ReactJS. It can writes code after reasoning task then provide some best prectice after ansering.
 ## Table of Contents
+1. [Problem Statement](#problem-statement)
+2. [Solution](#solution)
+3. [How It Works](#how-it-works)
+4. [How to Use This Model](#how-to-use-this-model)
+5. [Future Developments](#future-developments)
+6. [License](#license)
+7. [Model Card Contact](#model-card-contact)
 ## Problem Statement