私は「Heat」という Web アプリに取り組んでいます。このアプリの唯一の目的は、JavaScript を学習して適用し、CSS や多くのバックエンドを改善するのに役立つことです。計画は、いくつかの楽しい機能を備えた、視覚的に魅力的な Web アプリを作成することでした。

その過程で学んだこと:

フロントエンドは、react js を使用して構築されています。私は単に好奇心と話題の内容を知りたいという理由から、react を選択しました。私の目的の 1 つは、いくつかの Google API をプロジェクトに統合することでした。私が選んだのは Google マップでしたAPI、検索バーのオートコンプリートに使用しています。 Google マップ機能を React アプリに統合するのに役立つ Reacts -> @react-google-maps/api ライブラリのおかげで、実装はそれほど難しくありませんでした。検索コンポーネントはレストランの追加セクションと統合される予定です。

フロントエンドは netlify でホストされており、私の github にリンクされており、リモート リポジトリにプッシュするたびにアプリが自動更新されます。これは非常に簡単でした。

Heat はシングル ページ アプリケーション (SPA) であり、実装は React Router DOM を通じて管理され、URL をコンポーネントにマッピングすることでクライアント側でのナビゲーションを可能にします。これは、アプリケーション全体が 1 つの HTML ページとして読み込まれている場合でも、ユーザーはさまざまな URL を介してアプリのさまざまな部分にアクセスできることを意味します。

現在取り組んでいること:

私は現在、Flask/Python を利用したアプリの登録、ログイン、ログアウト要素に取り組んでいます。 Flask には、SQLAlchemy や Login Manager など、開発プロセスを支援するいくつかのライブラリもあります。バックエンド側は、フロントエンドに比べて学習曲線が緩やかです。私はまだ useState と useEffect に取り組んでいます。これらは状態を管理するための React の重要なフックです。

アプリの認証要素を完了した後、バックエンドとして Java に移行することを検討しています。考えはありますか?

学びがたくさんあります。 #React #JavaScript #Flask #Web開発