LangChain ecosystem (LangSmith, LangGraph, LangServe) - Practice Problems & Coding Challenges

Challenge - 5 Problems

❓ component_behavior

intermediate

What is the primary role of LangSmith in the LangChain ecosystem?

LangSmith is a part of the LangChain ecosystem. What does it mainly help developers do?

A It serves as a hosting platform for deploying language model APIs.

B It provides tools for tracking, evaluating, and debugging language model runs.

C It is a visualization tool for creating flowcharts of language model chains.

D It is a database system optimized for storing large text corpora.

💡 Hint

Think about monitoring and improving model outputs.

LangSmith focuses on tracking and debugging language model executions to help developers improve their applications.

📝 Syntax

intermediate

Which code snippet correctly creates a LangGraph to visualize a chain?

Choose the code that correctly initializes a LangGraph object and adds a simple chain for visualization.

A

from langchain.graphs import LangGraph
graph = LangGraph()
graph.add_chain(my_chain)
graph.render()

B

from langchain.graph import LangGraph
graph = LangGraph()
graph.add(my_chain)
graph.show()

C

import langchain.graphs as lg
graph = lg.LangGraph()
graph.insert_chain(my_chain)
graph.display()

D

from langchain.graphs import LangGraph
graph = LangGraph(my_chain)
graph.render()

💡 Hint

Check the correct import path and method names for LangGraph.

The LangGraph class is imported from langchain.graphs. The method to add a chain is add_chain, and render() displays the graph.

❓ state_output

advanced

What is the output of this LangServe server code when a POST request with text 'Hello' is sent?

Consider this LangServe server code snippet:

from langchain.servers import LangServe

app = LangServe()

@app.route('/process')
async def process(request):
    data = await request.json()
    text = data.get('text', '')
    return {'response': text.upper()}

What will the server respond with when it receives a POST request to '/process' with JSON body {"text": "Hello"}?

LangChain

from langchain.servers import LangServe

app = LangServe()

@app.route('/process')
async def process(request):
    data = await request.json()
    text = data.get('text', '')
    return {'response': text.upper()}

A TypeError: 'NoneType' object is not subscriptable

B {"response": "Hello"}

C {"response": "HELLO"}

D SyntaxError: invalid syntax in async function

💡 Hint

Look at how the text is transformed before returning.

The server takes the 'text' field from the JSON, converts it to uppercase, and returns it in the 'response' field.

🔧 Debug

advanced

Which option causes a runtime error when using LangSmith to log a run?

Given this code snippet to log a run in LangSmith:

from langchain_experimental.langsmith import Client
client = Client()
run = client.start_run(name="TestRun")
run.log_output(output)
run.end()

Which option below will cause a runtime error?

LangChain

from langchain_experimental.langsmith import Client
client = Client()
run = client.start_run(name="TestRun")
run.log_output(output)
run.end()

A output is an integer and run.log_output(output) works fine.

B output is a string 'Result data' and run.log_output(output) works fine.

C output is a dictionary and run.log_output(output) works fine.

D output is None and run.log_output(output) raises AttributeError.

💡 Hint

Consider what happens if output is None when calling log_output.

Passing None to log_output causes an AttributeError because the method expects a valid output object.

🧠 Conceptual

expert

How do LangServe and LangGraph complement each other in a LangChain application?

In a LangChain app, LangServe is used to deploy language model APIs, and LangGraph is used to visualize chains. How do these two components work together effectively?

A LangServe hosts the API endpoints while LangGraph helps developers visualize and debug the chain flows that the API serves.

B LangServe automatically generates graphs for LangGraph to display without developer input.

C LangGraph deploys the API and LangServe visualizes the chain execution.

D LangServe and LangGraph are unrelated and cannot be used together.

💡 Hint

Think about deployment vs visualization roles.

LangServe provides the running API for language models, while LangGraph helps visualize the chain structure and flow, aiding debugging and understanding.