HaneCa

独り立ちへ向けた長い道

Reactでfont-awesomeのアイコンを表示する方法

今回はReactを活用したプロジェクトで、FontAwesomeで利用可能なアイコンを表示する方法について紹介します。   FontAwesomeとは まず、FontAwesomeとは、もともとTwitter ...

no image

ESLintでProp type `object` is forbidden (react/forbid-prop-types)となるときの対処法

ESLintで「Prop type object is forbidden (react/forbid-prop-types)」と言うエラーの対処法について説明します。 このエラーは次のように外部から引き継ぐ変数をクラス...

ESLintでclass-methods-use-thisエラーの対処法

ESLintで「Expected ‘this’ to be used by class method ‘xxxx’. (class-methods-use-this)」とい...

eslintでreact-routerのLinkがエラーになる時の対処法

ESLintでreact-routerのLinkを使用している行が「The href attribute is required on an anchor. Provide a valid, navigable addr...

ESLintで’jsx-a11y/href-no-hash’ was not found警告が出た時の対処法

eslintをReactのプロジェクトに設定した時に全てのファイルに対して「Line 1: Definition for rule ‘jsx-a11y/href-no-hash’ was not ...

ReactでHTTP通信する方法

ここでは、ReactでバックエンドのシステムとHTTP通信する機能の実装方法について説明します。今回、実現するシステム全体の概要は、こちらに書いています。 今回のベースとなるReactのプロジェクトの初期生成方法について...

Reactアプリを作成

ここではReactアプリの作成方法について説明します。 Reactアプリの初期作成について Reactでは、初期プロジェクトを生成する方法として、create-react-appというコマンドが用意されています。ここでは...

API Gateway経由でS3にReactでファイルアップロード(概要)

S3にファイルをアップロード機能をサーバレスで実現しようと思い、API Gatewayを使えば楽にできるだろうと思っていたらかなりハマりました。おそらく、他にも方法はあるでしょうが、今回は次のような方法で解決することがで...

no image

material-uiでのListItemへのLinkについて

material-ui (1.0.0-alpha.21)でListの各アイテムに内部リンクを張る場合の方法です。ググると次のようにListItemにcontainerElementというattributeを追加して、その...