ブラウザでコードを実行し、イベントループを可視化し、仕組みを記憶に定着させる。面接対策のための精密ツール。
制作者 @kitsunekode. 基にしている Lydia Hallieの問題集.
function getAge() {
'use strict';
age = 21;
console.log(age);
}
getAge();近日公開
実践的なコンポーネントを作り、パターンを学び、すべてのチャレンジ内で動く Sandpack IDE と一緒に React を身につけましょう。
動く Sandpack IDE で実際にコンポーネントを作れます。設定不要、ボイラープレート不要。React にそのまま集中できます。
function Counter() { const [count, setCount] = useState(0); return ( <button onClick={() => setCount(c => c+1)} > Clicked {count} times </button> ) }
練習の流れ
パターン
Lydia Hallie の javascript-react-patterns を、インタラクティブなチャレンジに落とし込みました。
使い方
高度なJavaScriptを長期記憶に定着させるために設計された精密なフィードバックサイクル。
トピックでフィルタリングするか、難易度を調整するか、概念に直接検索する。
のぞき見禁止。解説が表示される前に必ず答えを確定させてください。
スクラッチパッドを開く。スニペットを実行する。すぐに生の出力を確認する。
解説を深く掘り下げる。イベントループと実行コンテキストを分解する。
カバー範囲
9のコアトピックを網羅
48問
47問
43問
24問
16問
13問
13問
10問
6問
人気の問題から始めましょう
function sayHi() { console.log(name); console.log(age);for (var i = 0; i < 3; i++) { setTimeout(() => console.log(i), 1);}const shape = { radius: 10, diameter() {+true;!"Lydia";const bird = { size: "small"};let c = { greeting: "Hey!" };let d;