「React.js」カテゴリーアーカイブ
GWお勉強ブログ:1 [React Hooksの動きを理解する]
改めて動きを理解するためのコードを
書いてみました。
1
false
App render
Hello render
Hello Effect
App Effect
こうなっているかと思います。
まずuseStateで与えられたstateが参照されて
1
false
一番親の
Appが
App render
を出力
その後
子供の
Hello render
Hellow Effectは
omponentDidMountされたことを告げ
親が
App Effect
omponentDidMountされたことを告げています
ここまでがページリロード時の処理です
続きはまた書きます
「武骨日記の」プライバシーポリシーに関して
プライバシーポリシー
株式会社TerraceTechについて
最近起業しました。
・株式会社TerraceTech
SNS
・しずかなインターネット kenjimorita
・インド旅 instagram
・適当な日常写真 instagram
・シュールさーん instagram
・シュールさーん LINEスタンプ
・もりたけんじTwitter
・ネタ帳Twitter
・note
※わたしが結成しているWebチームではWeb未経験者、フリーランスの方へのお仕事を紹介しています。
また個人レッスンしてほしい生徒も募集中です。
もしご興味ある方はチャットからご連絡ください。
※業務連絡やお久しぶり連絡もチャットからお願いします。
【react-apollo/graphql】mutation時に特定のqueryを実行させる
execute a specific query after mutation exexcute)
「武骨日記の」プライバシーポリシーに関して
プライバシーポリシー
株式会社TerraceTechについて
最近起業しました。
・株式会社TerraceTech
SNS
・しずかなインターネット kenjimorita
・インド旅 instagram
・適当な日常写真 instagram
・シュールさーん instagram
・シュールさーん LINEスタンプ
・もりたけんじTwitter
・ネタ帳Twitter
・note
※わたしが結成しているWebチームではWeb未経験者、フリーランスの方へのお仕事を紹介しています。
また個人レッスンしてほしい生徒も募集中です。
もしご興味ある方はチャットからご連絡ください。
※業務連絡やお久しぶり連絡もチャットからお願いします。
[react-apollo] How to call any number of multiple mutations after getting query result
「武骨日記の」プライバシーポリシーに関して
プライバシーポリシー
株式会社TerraceTechについて
最近起業しました。
・株式会社TerraceTech
SNS
・しずかなインターネット kenjimorita
・インド旅 instagram
・適当な日常写真 instagram
・シュールさーん instagram
・シュールさーん LINEスタンプ
・もりたけんじTwitter
・ネタ帳Twitter
・note
※わたしが結成しているWebチームではWeb未経験者、フリーランスの方へのお仕事を紹介しています。
また個人レッスンしてほしい生徒も募集中です。
もしご興味ある方はチャットからご連絡ください。
※業務連絡やお久しぶり連絡もチャットからお願いします。
これ。How to custom for default style in react-dates
Recently, I'm using react-dates for implements user can select day and update state it in Redux.
I'm googling while few time,
The library seems to deffecult for me to custom style in date's span.
But I found that API is provid to us named `renderDayContents` attribute. haa..
I will show you my implements at below.
create-react-appでyarn testをしたら
【create-react-app】でeslint走らせたら「parsing error the keyword 'import' is reserved」
やりたいこと
create-react-appでprettierで整形してからeslintをコミット前にチェックしてエラーがあったらコミットを中止する
結論
・eslintとbabel-eslintの互換性あるバージョンをインストール
https://github.com/babel/babel-eslint
↓
・babel-eslintをinstall
↓
・parserを設定する
プロジェクト直下に.eslintrcを作る。(yarnはeslintrcを自動で作ってくれないので手動で)
.eslintrc
{
"parser": "babel-eslint",
"rules": {
"strict": 0
}
}
----
Im using reacta-create-app
when i setting prettier config,
it apper error message,
「parsing error the keyword 'import' is reserved」
i check eslint version, and then install babel-eslint
add parser fileld as babel-eslint as value
run precommit command
nothing error
import is keyword,
eslint don't know it,
you need install babel-eslint as parser
thenk you