諸行無常

IT色々お勉強中のブログ

react

react-native-paginationを使ってみる

www.npmjs.com React Nativeに最適なページネーションコンポーネント Roadmap github.com Horizontal これらを自分で試してみるのは簡単です。Xcodeでただexamples/ios/*.xcodeprojを開いてください。 次にCmd + Rを押します。あなたはスイッチケースのため…

ScrollableTabViewの使い方

github.com 訳↓ これはおそらくAndroid上の私のお気に入りのナビゲーションパターンです、私はそれがiOS上でより一般的だったことを願っています! これはReact Nativeのための非常に単純なJavaScriptのみの実装です。この背景にあるアニメーションがどのよ…

webpack3→4でエラーになった babel-core

babel-coreが読み込めないらしい Error: Cannot find module '@babel/core' babel-loader@8 requires Babel 7.x (the package '@babel/core'). If you'd like to use Babel 6.x ('babel-core'), you should install 'babel-loader@7'. yarn upgrade babel-co…

webpack3→4でエラーになった Chunk

Chunk.jsでエラー 10% building 3/3 modules 0 active(node:135) DeprecationWarning: Tapable.plugin is deprecated. Use new API on `.hooks` instead ℹ 「wds」: Project is running at http://0.0.0.0:3035/ ℹ 「wds」: webpack output is served from /pack…

webpack3→4でエラーになった loaders

webpack3→4でエラーになった ✖ 「wds」: Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema. - configuration.module has an unknown property 'loaders'. These properties are …

webpack3→4でエラーになった webpack-cli

webpack3→4に帰るとエラーになった。 The CLI moved into a separate package: webpack-cli Please install 'webpack-cli' in addition to webpack itself to use the CLI -> When using npm: npm i -D webpack-cli -> When using yarn: yarn add -D webpack…

React Native I18n.localeがenしか取得できない

I18n.localeがenしか取得できないケースがあるらしい Both in android and ios locale always returns 'en' · Issue #7 · xcarpentier/ex-react-native-i18n · GitHub I18n.initAsync()をして上げると解決する import I18n from 'ex-react-native-i18n' comp…

ReactNative初めてのお勉強

children 子に要素を出すことができる {children} こんな感じで エミュレーター上でcmd + D でデバックモードとか設定出来る Reducer にアクションを通知する関数dispatch dispatchでSagaを呼び出してstateを変えている? export default connect(mapStateTo…

nodeのバージョンを上げる方法

nodeのバージョンを上げる方法 nをインストールして上げる npm install -g n n --stable sudo n stable yarn install

react学習中

constructor: (props)-> コンポーネントがマウントされる前に呼ばれる。コンストラクタを自分で実装したい場合は super(props) を必ず呼ばなければならない。状態を初期化する場所 propsはreadonly stateは変更可能 defaultはpropsとして自分自身の値を参照…

へなちょこエンジニア、railsでreact使ってみる

react jsx生成コマンド rails g react:component CommentBox react_componentというhelperメソッド react_component('CommentBox') 値を参照する時に使う this.props.hoge 値を変更する時に使う this.setState({ count: this.state.hoge + 1 }); refs divで…