Migrating to async Flask - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to define an async route handler in Flask.

Flask

from flask import Flask
app = Flask(__name__)

@app.route('/')
async def [1]():
    return 'Hello, async Flask!'

Drag options to blanks, or click blank then click option'

Ahome

Bindex

Cmain

Droot

Attempts:

3 left

💡 Hint

Common Mistakes

Using a synchronous function instead of async

Naming the function something unrelated

The async route handler function is named index here, which is a common name for the main page.

2fill in blank

medium

Complete the code to await an async function inside an async Flask route.

Flask

import asyncio
from flask import Flask
app = Flask(__name__)

async def fetch_data():
    await asyncio.sleep(1)
    return 'data'

@app.route('/data')
async def get_data():
    result = await [1]()
    return result

Drag options to blanks, or click blank then click option'

Afetch

Bget_data

Cfetch_data

Ddata_fetch

Attempts:

3 left

💡 Hint

Common Mistakes

Forgetting to use await

Calling a wrong function name

The async function fetch_data is awaited inside the route handler.

3fill in blank

hard

Fix the error in the async Flask route by completing the decorator.

Flask

from flask import Flask
app = Flask(__name__)

[1]('/async')
async def async_route():
    return 'Async route works!'

Drag options to blanks, or click blank then click option'

[e-mail]

[e-mail]_route

[e-mail]

[e-mail]

Attempts:

3 left

💡 Hint

Common Mistakes

Using a non-existent decorator like @app.async

Using @app.async_route which is invalid

The correct decorator for routes in Flask is @app.route, which supports async functions in modern Flask versions.

4fill in blank

hard

Fill both blanks to create an async Flask route that returns JSON asynchronously.

Flask

from flask import Flask, jsonify
app = Flask(__name__)

@app.route('/json')
async def json_route():
    data = await [1]()
    return [2](data)

Drag options to blanks, or click blank then click option'

Afetch_data

Bjsonify

Cjson

Dget_data

Attempts:

3 left

💡 Hint

Common Mistakes

Using json instead of jsonify

Not awaiting the async function

The async function fetch_data is awaited to get data, then jsonify converts it to JSON response.

5fill in blank

hard

Fill all three blanks to define an async Flask route that calls two async functions and returns combined results.

Flask

from flask import Flask, jsonify
app = Flask(__name__)

async def fetch_user():
    return {'user': 'Alice'}

async def fetch_status():
    return {'status': 'active'}

@app.route('/combined')
async def combined_route():
    user = await [1]()
    status = await [2]()
    result = {**user, **[3]
    return jsonify(result)

Drag options to blanks, or click blank then click option'

Afetch_user

Bfetch_status

Cstatus

Duser

Attempts:

3 left

💡 Hint

Common Mistakes

Mixing up variable names in the merge

Not awaiting both async functions

The route awaits fetch_user and fetch_status, then merges the dictionaries with status to return combined JSON.

Practice

1. What is the main benefit of migrating a Flask route to use async def functions?

easy

A. It disables synchronous routes in the app.

B. It automatically fixes all bugs in the Flask app.

C. It makes the app use less memory by default.

D. It allows the app to handle multiple tasks at the same time, improving speed.

Solution

1. Step 1: Understand async function purpose in Flask

   Async functions let Flask handle multiple requests or tasks without waiting for each to finish, improving concurrency.

2. Step 2: Identify the benefit of concurrency

   Handling tasks concurrently means faster response times and better resource use.

3. Final Answer:

   It allows the app to handle multiple tasks at the same time, improving speed. -> Option D

4. Quick Check:

   Async = concurrency = better speed [OK]

Hint: Async means handling many tasks at once for faster apps [OK]

Common Mistakes:

• Thinking async fixes bugs automatically
• Believing async reduces memory without changes
• Assuming async disables sync routes

2. Which of the following is the correct way to define an async route in Flask?

easy

A. async def async_route(): return 'Hello'

B. def async_route(): return 'Hello'

C. async def async_route(): await return 'Hello'

D. def async_route(): await 'Hello'

Solution

1. Step 1: Recall async function syntax

   Async functions start with async def and can use await inside.

2. Step 2: Check each option

   async def async_route(): return 'Hello' correctly defines an async function returning a string. def async_route(): return 'Hello' is sync. async def async_route(): await return 'Hello' misuses await with return. def async_route(): await 'Hello' uses await outside async.

3. Final Answer:

   async def async_route(): return 'Hello' -> Option A

4. Quick Check:

   Async function = async def [OK]

Hint: Async routes start with 'async def' keyword [OK]

Common Mistakes:

• Using await outside async functions
• Trying to await a return statement
• Defining async routes without async def

3. Given this async Flask route, what will be the output when accessed?

from flask import Flask
import asyncio
app = Flask(__name__)

@app.route('/')
async def home():
    await asyncio.sleep(0.1)
    return 'Done'

medium

A. The route crashes because Flask does not support async.

B. The route returns immediately with 'Done'.

C. The route returns 'Done' after a short delay.

D. The route causes a syntax error due to await usage.

Solution

1. Step 1: Understand async route behavior

   The route uses await asyncio.sleep(0.1) which pauses the function asynchronously for 0.1 seconds.

2. Step 2: Predict output after await

   After the short async pause, the route returns the string 'Done'. So the client sees 'Done' after a slight delay.

3. Final Answer:

   The route returns 'Done' after a short delay. -> Option C

4. Quick Check:

   Await sleep delays then returns [OK]

Hint: Await pauses async route before returning result [OK]

Common Mistakes:

• Thinking await causes syntax error
• Expecting immediate return ignoring await
• Assuming Flask can't run async routes

4. What is wrong with this async Flask route code?

from flask import Flask
app = Flask(__name__)

@app.route('/')
async def index():
    return 'Hello'

medium

A. Flask version might not support async routes causing runtime error.

B. Nothing is wrong; this is valid async Flask code.

C. Missing await keyword before return statement.

D. Async functions cannot return strings directly.

Solution

1. Step 1: Check Flask async support requirements

   Async routes require Flask 2.0+; older versions do not support async and cause errors.

2. Step 2: Analyze code correctness vs environment

   The code syntax is correct, but if Flask version is old, it will fail at runtime.

3. Final Answer:

   Flask version might not support async routes causing runtime error. -> Option A

4. Quick Check:

   Async needs Flask 2.0+ [OK]

Hint: Check Flask version supports async before using async routes [OK]

Common Mistakes:

• Assuming all Flask versions support async
• Thinking await is always required before return
• Believing async can't return strings

5. You want to migrate a Flask app to async and have a route that calls an async database query function async def fetch_data(). Which is the correct way to write the route?

hard

A. def data(): result = fetch_data(); return result

B. async def data(): result = await fetch_data(); return result

C. async def data(): result = fetch_data(); return result

D. def data(): result = await fetch_data(); return result

Solution

1. Step 1: Understand async function calls

   To call an async function like fetch_data(), you must use await inside an async function.

2. Step 2: Match route definition with async call

   The route must be async to use await. async def data(): result = await fetch_data(); return result correctly defines async route and awaits the async call.

3. Final Answer:

   async def data(): result = await fetch_data(); return result -> Option B

4. Quick Check:

   Async route + await async call = correct [OK]

Hint: Use async def and await for async calls inside routes [OK]

Common Mistakes:

• Calling async function without await
• Using await in sync functions
• Defining sync route for async calls