「React.js」カテゴリーアーカイブ

GWお勉強ブログ:1 [React Hooksの動きを理解する]

改めて動きを理解するためのコードを
書いてみました。

ページリロードしてここを押して見てください。
1

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

FaceBook -kennji.morita-

わたしが結成しているWebチームではWeb未経験者、フリーランスの方へのお仕事を紹介しています。
また個人レッスンしてほしい生徒も募集中です。
もしご興味ある方はチャットからご連絡ください。

※業務連絡やお久しぶり連絡もチャットからお願いします。

【react-apollo/graphql】mutation時に特定のqueryを実行させる

chira
execute a specific query after mutation exexcute)


「武骨日記の」プライバシーポリシーに関して
プライバシーポリシー

株式会社TerraceTechについて
最近起業しました。
株式会社TerraceTech

SNS
しずかなインターネット kenjimorita
インド旅 instagram
適当な日常写真 instagram
シュールさーん instagram
シュールさーん LINEスタンプ
もりたけんじTwitter
ネタ帳Twitter
note

FaceBook -kennji.morita-

わたしが結成しているWebチームではWeb未経験者、フリーランスの方へのお仕事を紹介しています。
また個人レッスンしてほしい生徒も募集中です。
もしご興味ある方はチャットからご連絡ください。

※業務連絡やお久しぶり連絡もチャットからお願いします。

[react-apollo] How to call any number of multiple mutations after getting query result

chira


「武骨日記の」プライバシーポリシーに関して
プライバシーポリシー

株式会社TerraceTechについて
最近起業しました。
株式会社TerraceTech

SNS
しずかなインターネット kenjimorita
インド旅 instagram
適当な日常写真 instagram
シュールさーん instagram
シュールさーん LINEスタンプ
もりたけんじTwitter
ネタ帳Twitter
note

FaceBook -kennji.morita-

わたしが結成しているWebチームではWeb未経験者、フリーランスの方へのお仕事を紹介しています。
また個人レッスンしてほしい生徒も募集中です。
もしご興味ある方はチャットからご連絡ください。

※業務連絡やお久しぶり連絡もチャットからお願いします。

これ。How to custom for default style in react-dates

i drow @miwa_morning
i drow @miwa_morning

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】で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