React

React

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

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

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

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

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

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

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

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

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

GoogleChromeや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を使ってHTTPErrorを一元的に処理する方法の備忘録です。今回は、HTTPリクエストにAxiosパッケージを使用しますAXIOSのインストールまずは、AXIOSパッケージをインストールしま...
javascript

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

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