React

React

ReactやTypeScriptの実践的な開発を学習できるサービス「mosha React」

はじめに2024年3月15日に「合同会社Jsers」によってリリースされた mosha Reactという学習サービスを使ってみました。このmosha Reactというサービスは、オンライン上(ブラウザ上)で実際にコードを書きながらReact...
javascript

[React] データを可視化するためのおすすめチャートライブラリ6選

データを可視化する方法としてグラフ化が挙げられます。Reactでのグラフ化をするためのライブラリを探す機会があり、そのときにいろいろ調べた結果、結構いい感じのライブラリがあったので紹介します。今回紹介するチャートライブラリは下記となります。...
Webサービス/ツール系

フロントエンジニア必見!! 必ず導入すべきVSCode拡張機能10選

フロントエンジニアにとって生産性と効率性を維持するためには、適切なツールを使うスキルが必要となります。Visual Studio Code (VSCode) は軽量でカスタマイズ可能なエディタの一つであり、ほとんどの開発者が利用しているエデ...
javascript

[React] 現在の日付と時刻を表示する(デジタル時計)

Reactで現在の日付や時刻を表示する方法の備忘録となります。JavaScriptでは下記のメソッドを利用することで日付や時刻の値を取得することができます。let d = new Date();console.log(d.getFullYe...
javascript

[React] 開発者ツールなどでソースコードを隠す方法まとめ

Google ChromeやSafari などのブラウザ開発者ツールでは、作ったReactのコードが参照できてしまいます。しかし、セキュリティ上ソースコードを見せたくない場合があるかと思います。今回は、このソースコードを見えなくする方法の備...
javascript

Reactをこれから学ぶ方必見!おすすめエディタ5選

はじめにWeb開発を行う時に利用するエディタですが、どのエディタを利用すれば良いか迷う方も多いかと思います。本記事では、Reactの開発を行う時におすすめのエディタを5つ紹介します。自分に合ったエディタが見つかれば良いなと思います。Reac...
javascript

React開発者が必ず使うべきツール10選

はじめにReactは Metaとコミュニティによって開発されているJavascriptライブラリです。コーディングコストがとてみ少なく開発規模が大きくなっても保守管理しやすいということで注目されています。今回はそのReactでの開発をおこな...
javascript

[React] interceptorを使ってHTTP Errorを処理する方法まとめ(Axiosを使ったREST API処理)

はじめにReact.jsでInterceptorを使ってHTTP Errorを一元的に処理する方法の備忘録です。今回は、HTTPリクエストにAxiosパッケージを使用しますAXIOSのインストールまずは、AXIOSパッケージをインストールし...
javascript

これからReactを学び始める方必見!!MacでReactを使えるようにする方法まとめ

はじめにフロントエンド開発で最近人気があるReactですが、これからReactについて勉強する方向けにMac環境でReactを利用できるようにするための方法をまとめました。Reactとはどういったものなのかなどについては、下記ブログ等で紹介...