ホームページ > 記事 > 開発ツール > フロントエンド開発者が収集する価値のある GitHub ライブラリを共有する

フロントエンド開発者が収集する価値のある GitHub ライブラリを共有する

青灯夜游転載: 2020-06-18 17:51:543373ブラウズ

大量のリソースを手元に持っておくのは常に良いことです。

コーダーとして、定型的なコードを何度も書くのではなく、機能とベストプラクティスに焦点を当てる必要があります。無駄な労力を排除し、適切なツールの使用方法を学習したり、有用なリソースの使用方法を知ることに時間を投資したりすることで、時間を大幅に節約できます。

この記事では、WEB 開発スキルの向上に大いに役立つ、いくつかの GitHub ライブラリについて学びます。これらのライブラリは、より良いコードを書くのにも役立ちます。。

Node.js のベストプラクティス

フロントエンド開発者が収集する価値のある GitHub ライブラリを共有する

このライブラリは、情報を提供するのに最適な場所ですNode 世界を理解して、それを使用する際のベストプラクティスについて学びましょう。 40k スターと 133 人の寄稿者を擁するこのライブラリは、ほぼ毎日更新されます。

このライブラリは、Node.js Docker のベストプラクティスを含む、上位の Node.js のベストプラクティスを要約して整理しています。現在、80 を超えるベストプラクティス、スタイルガイド、構造に関する推奨事項が含まれています。

一般的なベストプラクティスには次のようなものがあります。

プロジェクトのより良い組織化
エラー処理の実践
コーディングスタイルの実践
テストおよび全体的な品質演習
生産演習などを実施します。

クリックして倉庫にジャンプ

HTML5ボイラープレート

フロントエンド開発者が収集する価値のある GitHub ライブラリを共有する

#HTML5 ボイラープレート は、高速、堅牢、適応性のある Web アプリケーションを構築するためのプロフェッショナルなフロントエンドテンプレートです。またはウェブサイト。

このプロジェクトは、長年にわたる開発の反復とコミュニティの知識の成果です。特定の開発哲学やフレームワークを強制するものではないため、希望どおりにコードを自由に構築できます。

次のような事前定義関数が含まれています:

jQuery with CDN
Apache Server Configs
便利な
CSS ヘルパークラス

使用する内容と使用方法に応じて、必要なファイルをコピーして貼り付けます。プロジェクトディレクトリに移動します。これにより、構成されたテンプレートが提供され、開発がスピードアップされます。

#クリックして倉庫にジャンプ

RealWorld

フロントエンド開発者が収集する価値のある GitHub ライブラリを共有する ##マスター 1新しい枠組みの中核となる概念やイデオロギーは、決して否定的なものではありません。

概念を正しく理解していない場合は、ドキュメントを読み、サンプルコードを実行し、サンプルアプリケーションを逆アセンブルして元に戻し、

CLI

をローカルにインストールするなどの作業を行う必要があります。 .、経験値がかかりすぎてイライラします。

RealWorld

では、任意のフロントエンド (

React、Angular2 など) と任意のバックエンド (Node) を選択できます。、 Django など) を統合し、アプリケーションの実際の例を確認します。 これらの実装はテクノロジースタックに関連しているため、明らかに混合することはできませんが、同じ機能および UX 仕様に従います。

一般的な統合例:

Angular ngrx nx

React / MobX
Go Gin
NestJS TypeORM/Prisma
リポジトリには無限のサンプルがあります。探しに行ってください！

クリックして倉庫にジャンプ

あなたはまだ JS を知りません

##これは、フロントエンド開発者が収集する価値のある GitHub ライブラリを共有する JavaScript 言語の中核的な仕組みを詳しく掘り下げる一連の書籍です。

本はすべて無料で、いつでもオンラインで読むことができます。 <blockquote>著者が推奨する読む順序は次のとおりです: </blockquote> <ul> <li>はじめに</li> <li>スコープとクロージャ</li> <li>オブジェクトとクラス (まだ開始していません)</li> <li>型と文法 (まだ開始されていません)</li> <li>同期と非同期 (まだ開始されていません)</li> <li>ES.Next & Beyond (まだ開始されていません)</li> </ul> <p><a href="https://github.com/getify/You-Dont-Know-JS" rel="nofollow noreferrer" target="_blank">クリックすると倉庫にジャンプします</a></p>Airbnb JavaScript ガイド<h3 id="item-5"></h3> <p><span class="img-wrap"><img referrerpolicy="no-referrer" src="/img/remote/1460000022826504" alt="" title=""><img src="https://img.php.cn/upload/image/643/959/697/159247376816727%E3%83%95%E3%83%AD%E3%83%B3%E3%83%88%E3%82%A8%E3%83%B3%E3%83%89%E9%96%8B%E7%99%BA%E8%80%85%E3%81%8C%E5%8F%8E%E9%9B%86%E3%81%99%E3%82%8B%E4%BE%A1%E5%80%A4%E3%81%AE%E3%81%82%E3%82%8B%20GitHub%20%E3%83%A9%E3%82%A4%E3%83%96%E3%83%A9%E3%83%AA%E3%82%92%E5%85%B1%E6%9C%89%E3%81%99%E3%82%8B" title="159247376816727フロントエンド開発者が収集する価値のある GitHub ライブラリを共有する" alt="フロントエンド開発者が収集する価値のある GitHub ライブラリを共有する"></span>##これは </p>Airbnb<p>非常に正確でプロフェッショナルなスタイルガイドが提供されます。 <code>このガイドは、基本とコードスニペットを詳しく説明することで、

JavaScript

を基礎から理解するのに役立ちます。このガイドで取り上げる一般的な内容の一部は次のとおりです:

アロー関数