万年素人からHackerへの道

万年素人がHackerになれるまで殴り書きするぜ。

  • ・資産運用おすすめ
    10万円は1000円くらい利益
    資産運用ブログ アセマネ
    • ・寄付お願いします
      YENTEN:YYzNPzdsZWqr5THWAdMrKDj7GT8ietDc2W
      BitZenny:ZfpUbVya8MWQkjjGJMjA7P9pPkqaLnwPWH
      c0ban:8KG95GXdEquNpPW8xJAJf7nn5kbimQ5wj1
      Skycoin:KMqcn7x8REwwzMHPi9fV9fbNwdofYAWKRo

    React

    React.memo

    本当は怖いReact.memo - Qiita

    React のバッドプラクティス

    https://qiita.com/jkr_2255/items/041f238a940f923e4dfc

    Reactのスクロールパーツ

    Reactのスクロールパーツ https://codedaily.io/tutorials/8/Build-a-Reusable-Scroll-List-Component-with-Animated-scrollTo-in-React

    React CustomEvent

    Reactコンポーネントを外から操作したい - MOL private updateUserName(e: CustomEvent) { e.preventDefault(); console.log(e.detail.value);

    ReactでEvent系のimportまとめ

    TypeScript and React: Events

    A component is changing an uncontrolled input of type text to be controlled errorの警告

    https://stackoverflow.com/questions/47012169/a-component-is-changing-an-uncontrolled-input-of-type-text-to-be-controlled-erro?rq=1 A component is changing an uncontrolled input of type text to be controlled error がうっとおしい。 <input type='text' value={value} onChange={event => onChange…

    inputのtype='radio'での

    : Failed prop type: You provided a `checked` prop to a form field without an `onChange` handler. This will render a read-only field. If the field should be mutable use `defaultChecked`. Otherwise, set either `onChange` or `readOnly`. な警…

    Reactでチェックボックスのvalueがいつもon

    https://stackoverflow.com/questions/23665905/two-way-binding-with-checkboxes-always-returns-on valueLink.requestChange(e.target.checked); checkedだった

    React.js this.refs vs document.getElementById

    https://stackoverflow.com/questions/37273876/reactjs-this-refs-vs-document-getelementbyid Netflixはuse no refs, ever, 9:58m https://www.youtube.com/watch?v=kDARP5QZ6nU&list=PLb0IAmt7-GS0M8Q95RIc2lOM6nc77q1IY&index=28

    Ionic Reactキッチンシンクでページ見えない理由

    /src/App.tsx このRequiresTutorialRouteで細工してある const App = () => ( <Provider store={store}> <Router> <div id="app"> <IonApp> <IonSplitPane contentId="main"> <Menu /> <IonPage id="main"> <Switch> <PrivateRoute path="/account" component={Account} /> <Route path="/tutorial" component={Tutorial} /> </route></privateroute></switch></ionpage></menu></ionsplitpane></ionapp></div></router></provider>

    Ionic React

    始め方 ionic start myApp --type=react 最新版じゃないと「--type=react」オプションはない。 この時「キッチンシンク(kitchen‐sink)」を使う 《主に米国で用いられる》 あらゆるものを投入する[素材にする]. tsのコードになっている。 Reduxになってる。 s…

    ReactのクラスからFunctional Components へ変換手順

    scotch.io

    Ionic React

    ・参考サイト ReactとIonicでアプリ開発ができる@ionic&#47reactを触ってみた - mottox2 blog これ参考にした。 npm installをしておかないといけない src/index.tsxをいじらしいが、参考サイトではJSとあるがTSX形式。 「src/index.jsにregisterIonicの記述…

    React Hooks (useEffect)

    https://daveceddia.com/useeffect-hook-examples/ SFC古い? componentDidMount などのライフサイクルメソッドを利用できないという欠点がある。 Higher-Order Components(HOC)必須 Higher-Order Components と Recompose の初歩 - 30歳からのプログラミン…

    Hexe+React

    https://qiita.com/shohei909/items/eb28dc663a56b17f05cf https://github.com/massiveinteractive/haxe-react

    React+PAY.JP

    https://github.com/LancersDevTeam/react-payjp-checkout https://tackeyy.com/blog/posts/implement-payjp-checkout-with-vue-spa

    React入門 React・Reduxの導入からサーバサイドレンダリングによるUXの向上まで のメモ

    この本 React入門 React・Reduxの導入からサーバサイドレンダリングによるUXの向上まで (NEXT ONE)作者: 穴井宏幸,石井直矢,柴田和祈,三宮肇出版社/メーカー: 翔泳社発売日: 2018/02/19メディア: 単行本(ソフトカバー)この商品を含むブログを見る この人の…

    material-uiでアンダーライン消す

    https://github.com/mui-org/material-ui/issues/2475 <TextField hintText="Hint Text" underlineStyle={{display: 'none'}} /></textfield>

    keepDirtyOnReinitializeとかRefuxForm

    https://github.com/JedWatson/react-select/issues/2131 updateUnregisteredFields : boolean [optional] Used in combination with keepDirtyOnReinitialize. Will update every initialValue which is still pristine. Normally only registered Fields w…

    React+Reduxのログイン

    この記事がいい React + Redux - User Registration and Login Tutorial & Example | Jason Watmore's Blog

    Reactで子コンポーネントのメソッドを呼ぶ

    https://stackoverflow.com/questions/37949981/call-child-method-from-parent ref使って、 <Child ref={this.child} /> current.メソッド名()で呼べる。 this.child.current.getAlert(); そのままだとundefinedになる?? コンストラクタでReact.createRef();が必須かも constructor(</child>…

    tableのcss border

    すぐ忘れるので・・。 jsfiddle.net const tableStyle = { width: 100, height: 100, border: '1px solid green', }; const borderStyles = [ { border: '30px solid green', borderRightColor: 'red', }, { border: '30px solid blue', }, ]; class Hello e…

    htmlをReactのJSXに変化 正規表現で

    <td colspan="9"> これを <td colSpan={9}> にしたい。 置換元 colspan="([0-9])*"> 置換後 colSpan={$1}> これは使い物にならない・・・ HTML to JSX VSCodeならこれいいかも? https://marketplace.visualstudio.com/items?itemName=riazxrazor.html-to-jsx https://marketplace.visualstud</td></td>…

    Reactで印刷専用CSSのインポート

    Reactで印刷専用CSSのインポートするときに、 print.cssに印刷専用コードを書き、 @import "print.css" print; と記載したインポート専用print-import.cssを作ってそれをTypScriptのコード上で、 `import 'print-import.css';やると行けるが・・・ ※私はcrea…

    Reactでの@pageのCSSの縦横

    @page{ /* 縦印刷 */ size: portrait; padding-top: 15mm; } これ medium.com これでcssをReactで使える。

    Reactのloopのref

    https://stackoverflow.com/questions/41838833/issue-storing-ref-elements-in-loop refHogeArr: (HTMLTextAreaElement | any)[]; ref={(bar) => { this.refHogeArr.push(bar); }} でもおかしい https://github.com/facebook/react/issues/1899

    Reactのtextareaタグのエラー

    <textarea>をつかうと index.js:2177 Warning: Use the `defaultValue` or `value` props instead of setting children on <textarea>. のエラーがでた。 HTML自体の<textarea>の書き方がinputと違い、タグの中身にかくのが統一性がなくて気に入らないなと思ってた。 </textarea>…

    ReactのJSXで簡単にforeach的なこと

    Reactのコンポートでfor (let i: number; i < arr.length; i++) { } とかだるい。 this.arrにstringの配列があるとして、 <tbody> { this.arr.forEach.call((item:string, index: number) => { return ( <tr> hoge </tr>); }) } </tbody> だとコンパイル時にエラー出ないと思ったらラ…

    React renderで2つ以上のコンポーネントをトップ階層に書きたい

    簡単に書くためdivを例に。 これは余裕で書ける。 render() { return ( <div /> ); } しかし、以下のように2つ書いたら当然のように怒られる。 render() { return ( <div /> <div /> ); } [tslint] unused expression, expected an assignment or function call (no-unused-expre</div></div></div>…

    Rect JSXのcss型

    React.CSSPropertiesだ。 import * as React from 'react'; const style: React.CSSProperties = { color: 'red', textAlign: 'center' }; React入門 React・Reduxの導入からサーバサイドレンダリングによるUXの向上まで (NEXT-ONE)作者: 穴井宏幸,石井直矢,…