Building blocks of type-safe builders in Kotlin - Time & Space Complexity
When we build type-safe builders in Kotlin, we want to know how the time it takes to run grows as we add more elements or nested blocks.
We ask: How does the work increase when the builder handles more items?
Analyze the time complexity of the following code snippet.
class HtmlBuilder {
private val children = mutableListOf()
fun element(name: String, block: HtmlBuilder.() -> Unit) {
val childBuilder = HtmlBuilder()
childBuilder.block()
children.add("<$name>${childBuilder.render()}</$name>")
}
fun render(): String = children.joinToString("")
}
This code builds nested HTML elements by calling element blocks and collecting their rendered strings.
Identify the loops, recursion, array traversals that repeat.
- Primary operation: Calling
elementrecursively to build nested elements. - How many times: Once per element added, plus the join operation over all children when rendering.
As you add more elements, the builder calls itself for each nested block and then joins all children strings.
| Input Size (n) | Approx. Operations |
|---|---|
| 10 | About 10 recursive calls and joining 10 strings |
| 100 | About 100 recursive calls and joining 100 strings |
| 1000 | About 1000 recursive calls and joining 1000 strings |
Pattern observation: The work grows roughly in direct proportion to the number of elements added.
Time Complexity: O(n)
This means the time to build and render grows linearly with the number of elements.
[X] Wrong: "Because of recursion, the time must grow much faster than the number of elements."
[OK] Correct: Each element calls the builder once, so the total calls equal the number of elements, not more. The recursion depth does not multiply work exponentially.
Understanding how recursive builders scale helps you explain your code's efficiency clearly and confidently in interviews.
"What if the render method joined children strings inside each recursive call instead of once at the end? How would the time complexity change?"
Practice
Solution
Step 1: Understand the concept of type-safe builders
Type-safe builders allow building complex objects in a structured and safe way using Kotlin's DSL features.Step 2: Identify the main purpose
The main goal is to create objects step-by-step with clear rules, avoiding errors and improving readability.Final Answer:
To create complex objects step-by-step with safety and clarity -> Option AQuick Check:
Type-safe builders = safe, clear object creation [OK]
- Confusing builders with loops or exception handling
- Thinking they convert data types automatically
html that takes a lambda with receiver?Solution
Step 1: Identify lambda with receiver syntax
Type-safe builders use lambdas with receiver, which have the formReceiverType.() -> ReturnType.Step 2: Match the correct function signature
The function should accept a lambda with receiver Html and return Unit, soHtml.() -> Unitis correct.Final Answer:
fun html(block: Html.() -> Unit) { /*...*/ } -> Option CQuick Check:
Lambda with receiver = Html.() -> Unit [OK]
- Using regular lambda (Html) -> Unit instead of lambda with receiver
- Omitting the receiver type in the lambda
- Returning Html instead of Unit
class Html {
val children = mutableListOf<String>()
fun body(block: Body.() -> Unit) {
val body = Body()
body.block()
children.addAll(body.contents)
}
override fun toString() = children.joinToString(", ")
}
class Body {
val contents = mutableListOf<String>()
fun p(text: String) {
contents.add("$text
")
}
}
fun html(block: Html.() -> Unit): Html {
val html = Html()
html.block()
return html
}
fun main() {
val result = html {
body {
p("Hello")
p("World")
}
}
println(result)
}Solution
Step 1: Understand the builder structure
Thehtmlfunction creates an Html object, callsbodywhich creates a Body object, then callsptwice adding <p>Hello</p> and <p>World</p> to Body's contents.Step 2: Check how children are collected and printed
The Html object's children list gets Body's contents added, thentoString()joins them with ", ". So output is "<p>Hello</p>, <p>World</p>".Final Answer:
<p>Hello</p>, <p>World</p> -> Option BQuick Check:
Children list joined = <p>Hello</p>, <p>World</p> [OK]
- Assuming HTML tags are printed as is without escaping
- Expecting full HTML tags like <body> in output
- Thinking code causes compilation error
class Html {
fun body(block: Body.() -> Unit) {
val body = Body()
block()
}
}
class Body {
fun p(text: String) { /*...*/ }
}
fun main() {
val html = Html()
html.body {
p("Hello")
}
}Solution
Step 1: Check how the lambda is called inside body()
The lambdablockis called asblock()without receiver, so inside the lambda 'p' is not recognized.Step 2: Identify correct lambda invocation
It should be called asbody.block()to set the receiver to the Body instance, allowing 'p' to be resolved.Final Answer:
The lambda is called without receiver, so 'p' is unresolved -> Option AQuick Check:
Lambda call without receiver = unresolved 'p' [OK]
- Calling lambda without receiver inside builder
- Assuming inheritance fixes builder scope
- Expecting return value from builder function
div inside body, while keeping type safety?Solution
Step 1: Understand nested builder pattern
To support nested elements, define functions inside builder classes that accept lambdas with receivers of nested element classes.Step 2: Apply to 'div' inside 'body'
InsideBody, define adivfunction takingDiv.() -> Unitlambda, creating a Div instance and applying the lambda to it.Final Answer:
Define adivfunction insideBodythat takes a lambda with receiver of a newDivclass -> Option DQuick Check:
Nested builders = functions with lambdas with receiver [OK]
- Using simple properties instead of nested builder functions
- Trying inheritance instead of composition
- Defining builder functions outside the class scope
Ready to prove it?
Pass the test and this pattern moves unknown
