2020-08-01から1日間の記事一覧
FullCalendarで予定表示できたあとの追加機能の実装 [FullCalendarを導入]→[予定を表示] の後の追加機能を実装した例について書いてある記事を 検索して集めてみました。 【Rails】 FullCalendar カレンダー内イベント リサイズ時の更新方法 - Qiita FullCal…
qiita.com おもしろいなぁ カレンダーの実装記事を調べていた途中見つけましたw
カレンダーの実装記事集 カレンダー実装情報のある記事を集めてみました Railsで実装 fullcalendar [Rails]FullCalenderでカレンダー機能の実装 - Qiita Railsアプリケーションにfullcalendarを導入 - Qiita RailsでFullCalendarを使って予定を表示するまで …
鬼門connect攻略③ - mergeProps - connect攻略 part3です 鬼門多きconnectさん↓ connect( mapStateToProps mapDispatchToProps mergeProps )(myComponent) 今回は mergePropsについて見てきます mergePropsで無駄なレンダリングを防げる ‥とのこと https://a…
鬼門connect攻略② mapDispatchToProps Actionをstoreへdispatchする関数 connect( mapStateToProps mapDispatchToProps mergeProps ) 「storeへdispatch」を propsのように各componentを渡らせる性質を持たせる(ToProps) ことに対応させている 具体的な使い…
鬼門connect攻略① mapStateToProps connectの引数がわからん、ということで調べました 鬼門だらけのconnectさん↓ connect( mapStateToProps mapDispatchToProps mergeProps )(myComponent) まずはmapStateToProps mapStateToProps is 何 「State」を「ToProp…
store is 何 redux.js.org A store holds the whole state tree of your application. state全般を保存する場所 ・reducerにより生成された新たなstate ・変更が加わっていないstate storeを作る createStoreメソッド : storeを作る storeに全てのreducerを…
reducer is 何 Reduxでの立ち位置 // Redux [View] ↓ [Action] ↓ [Store] [Reducer] ←これ ↓ [View] 新しいState生成マシン Reducer https://redux.js.org/basics/reducers (previousState, action) => nextState // previousStateとactionをもとにnextState…
Actionの一般形 Flux Standard Actionに書いてあるらしい(ReduxはFluxがもとになっている) qiita.com { type: FOO_TYPE, // must payload: {object}, // optional meta: {object}, // optional error: false, true, undefined, null, ... // optional } 各ke…
ActionとActionCreatorは区別する redux.js.org // ActionCreator function addTodo(text) { // Action return { type: ADD_TODO, text } }
Reduxの思想 component間のprops受け渡し(propsバケツリレー)の煩雑さ解消のため storeを中心としたprops受け渡しとしたもの。 vuexの思想もこれ。 qiita.com Redux実装の流れ ① Action 変更するstateを設定 Action : type、typeに対応する値 ActionCreator …
qiita.com ReactのComponentではComponentの内部で状態を持つことができます。この内部の状態のことを『state』と言います。 propsは親のComponentから値を渡されたのに対して、stateはComponentの内部でのみ使用されるという点でpropsとは異なります。 また…
propsを渡すってそういうことだったのか qiita.com import React from 'react'; const App = () => { return ( <div> <Friend name={'Hosei'} /> </div> ); }; const Friend = props => { return <div>{props.name} is my friend </div>; }; export default App; これで " Hosei is my friend "が表示される…
component設計とはなんぞや qiita.com componentの粒度を小さくすると変更修正に強い qiita.com 「1component1役」に則っているか、がポイント 原則としてコンポーネントは一つのことに責任を持つべきです。 これはMolecule単位のコンポーネントをデザインす…
はてブロ始めました はしです Twiiter : @lgHqmAv8tebNPEq 【はし is だれ】 メーカー勤務@三重@万年駆け出し設計@転職するぞい プログラマー転職目指してます!
・jsx ・Babel ・webpack ReactがReactたる動作をしてくれる背景には これらのおかげ、月島さんのおかげ がある。
DOMって言葉は見たことはあるけど‥ってことで調べました めっちゃわかりやすい記事がありました qiita.com モダンフロントエンドと言われている Vue.js , React.js などでは 「変更部分だけを読み込む」仮DOMを使用することで サクサク読込を実現できる φ(。…
React勉強中のはしです。 qiita.com Reactを使っているサービスについて紹介があったので 「このサービスはReactを使っている/使っている」ってどう調べているか? 気になったので調べました ググる 「React サービス」などで調べると React使っているサービ…
ポートフォリオ にカレンダー盛り込みたいので React/Redux勉強していますー ちんぷんかんぷん。 www.techpit.jp React難しいので勉強しなおそう‥ Progate完遂かQiita探索か