Most designers can prompt their way to an app. Few can start from an empty file and write one. Spark teaches you how, one line at a time.
Free while it is being written. No code needed to begin.
25910 return (11 <div>2030 </div>31 );32}
Creates a piece of state. query is what has been typed so far and setQuery changes it. It starts as an empty string, like a blank text field.
The first file in module 1. Every line gets explained before you move on.
Every module is split into short sections that each fit on a phone screen. Read one, and move on when it makes sense.
You're about to read a real, shipped React component line by line. Not a toy example. Not pseudocode. A component that's actually running in production somewhere right now, handling real users' clicks, rendering real data.
Change something and watch what the code does with it, next to the line that does it.
1const [count, setCount] = useState(0); // count is 023return (4 <button onClick={() => setCount(count + 1)}>5 Clicked {count} times6 </button>7);
Click the button to watch one render happen.
Short questions at the end of each module, with the reasoning behind every answer.
Why does SearchUsers have users = [] as a default?
Pick an answer to see the reasoning.
19 modules · 5 phases · about 4 hours of reading
Spark is still being written. Leave your email to hear when it is finished.