Map, ForEach, Filter and Reduce
Map
.map() メソッドは配列を反復処理し、マップ本体内に記述したロジックを計算して、新しい配列を返す。
ForEach
ForEach は .map() に似ているが、配列を返さない。
Filter
フィルターメソッドは、ブール条件に基づいて配列内の値をフィルターで除外するのに役立つ。
ブール条件が true の場合、結果が返され、最終配列に追加される。
そうでない場合はスキップ。 Filter も .map() メソッドと同様に配列を返す。
Reduce
.reduce() メソッドは、以前の値、現在の値、およびアキュムレータを考慮する。
.reduce() メソッドの戻り値の型は常に単一の値。
配列のすべての値を処理し、累積された結果を導き出したい場合に便利。
ポリフィルの実装方法
ポリフィル(Polyfills)・・・最近の機能をサポートしていない古いブラウザーで、その機能を使えるようにするためのコード
デバウンスとは何か?
デバウンス(debounce)・・・
関数が頻繁に呼び出されないようにして、最後に呼び出されるまで一定時間待機してから呼び出す方法。
アマゾンのページだと、検索バーに何かを入力して、0.5秒間停止すると、結果が取得されて表示される。これがまさにデバウンス。
クロージャとは何か?
クロージャ(closures)・・・
クロージャは、一緒にバンドルされた (囲まれた) 関数とその周囲の状態 (語彙環境) への参照の組み合わせ。
クロージャを使用すると、内部関数から外部関数のスコープにアクセスできるようになる。 JavaScript では、関数が作成されるたびに、関数の作成時にクロージャが作成される。
React Hooks
React フックに関して、フロントエンド コーディングの面接でよく聞かれる内容。
- useState()
- useReducer()
- useEffect()
- useRef()
- カスタムフックとその実装
サイドプロジェクトを作成して開発者としてアピールする、目立つ
サイドプロジェクト(Side Project) ・・・本業以外の空いた時間を、自分の趣味や好きなことに使うこと。サイドプロジェクトは、将来的に大きなビジネスに発展する可能性を秘めている。InstagramやUberは、元はサイドプロジェクトが起点となっている。
React/HTML/CSS/JavaScript のすべての概念と、これまで学習してきたことすべてを実装したプロジェクトを 1 つまたは 2 つ構築する。
他の候補者より目立つために、ユニークなプロジェクトを作成する。
Amazon / Netflix などのクローンではなく、1,000 回のリンク訪問ごとに 1 ドルを請求する短縮 URL サイトを作成したら、あなたに興味を持つ可能性が高くなるかもしれない。
サイドプロジェクトを作成すると、開発者としてのスキルアップにも役立つ。
開発する過程で、さまざまなスキルを学び、上達できる。
自分のスキル(React、HTML、CSS、JS) について深い知識を持つ。
目立つために一通りのプロジェクトを作成して、シェアする。
参考