Real snippets
Practice syntax, punctuation, and indentation developers actually use.
JavaScript Code Typing Test
Live CPM0
Accuracy100%
Time01:00
Start typing/JavaScript / 60s
Type the displayed code. Pasting and drag-and-drop are disabled.Ready for JavaScript, 60 seconds. Start typing when you are ready.function useFetch(url, options = {}) {
const [data, setData] = React.useState(null);
const [loading, setLoading] = React.useState(true);
const [error, setError] = React.useState(null);
const cache = React.useRef(new Map());
React.useEffect(() => {
if (!url) return;
let isMounted = true;
const fetchData = async () => {
setLoading(true);
if (cache.current.has(url)) {
setData(cache.current.get(url));
setLoading(false);
return;
}
try {
const response = await fetch(url, options);
if (!response.ok) {
throw new Error(`HTTP error status: ${response.status}`);
}
const json = await response.json();
cache.current.set(url, json);
if (isMounted) {
setData(json);
setError(null);
}
} catch (err) {
if (isMounted) {
setError(err instanceof Error ? err.message : 'Unknown error occurred');
setData(null);
}
} finally {
if (isMounted) setLoading(false);
}
};
fetchData();
return () => {
isMounted = false;
};
}, [url]);
return { data, loading, error };
}
Focus here and start typing to begin
built for developersReal code typing practice. Useful metrics. Improve faster.Learn more
Codestroke is a code typing test for developers. Practice real JavaScript, Python, SQL, Java, C++, HTML/CSS, PHP, Go, and Kotlin snippets instead of ordinary prose.
This JavaScript typing test focuses on functions, React hooks, and async/await. Choose a 30, 60, or 120 second session and track your code typing speed and accuracy as you practice.
JavaScript code typing practice
Practice a JavaScript typing test with realistic snippets that use functions, React hooks, and async/await. Build coding speed while keeping punctuation, braces, and indentation accurate.
Try the main code typing test or choose another language from the directory below.
Useful metrics
Track live CPM, accuracy, time, and detailed session results.
Flexible practice
Choose a 30, 60, or 120 second test and improve at your pace.
how speed and accuracy work
Code typing speed is measured in CPM (characters per minute), so symbols, brackets, and indentation count just like letters. Accuracy shows how much of the snippet you entered correctly. Pick a language to practice a focused code typing test:
code typing test FAQ
What does the JavaScript typing test include?
The JavaScript test uses realistic snippets with functions, React hooks, async/await, and common ES syntax so you can practice code typing accurately.
What is a code typing test?
A code typing test measures how quickly and accurately you can type real source code instead of ordinary prose. Codestroke is built for developers.
How does a coding speed test work?
Code contains symbols, brackets, and short tokens, so CPM measures every typed character. Codestroke also reports WPM, accuracy, and the selected test duration.
Why measure CPM instead of WPM?
Words per minute can be misleading for code because syntax contains punctuation and short tokens. CPM gives a clearer view of code typing speed.
Which languages can I practice?
You can practice JavaScript, Python, SQL, Java, C++, HTML/CSS, PHP, Go, and Kotlin snippets.
Is Codestroke free?
Yes. The typing test is free in modern web browsers, and you can begin as a guest without creating an account.