GitHub - colinhacks/bye-react: Command-line tool to migrate React to PreactYou signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Reactã®ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã¨ãƒ‘フォーマンスã«ã¤ã„ã¦ã®ãƒ¡ãƒ¢ - Qiita
Reactã®ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã¨ãƒ‘フォーマンスã«ã¤ã„ã¦èª¿ã¹ã¦ãŸã®ã§ãƒ¡ãƒ¢ 基本的ãªã“㨠サーãƒã‚µã‚¤ãƒ‰ã¨Reactã®production build è¦ç´„: Reactをサーãƒã‚µã‚¤ãƒ‰ã§ä½¿ã†ã¨ãã‚‚ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ã®ã‚ˆã†ã«åœ§ç¸®(ã¨ã„ã†ã‚ˆã‚Šã¯code eliminate)ã—ãªã„ã¨é…ã„ Reactã¯devå‘ã‘ã®ã‚³ãƒ¼ãƒ‰ã‚’大é‡ã«å«ã‚“ã§ã„る。 ã“ã‚Œã¯process.env.NODE_ENV !== 'production'ã®æ™‚実行ã•ã‚Œã‚‹assertã‚„è¦å‘Šãªã©ãŒä¸»ã¨ãªã‚Šproductionã«ã¯å¿…è¦ãªã„。 ãã®ãŸã‚ã€process.env.NODE_ENV = 'production'ã‚’ã—ãªã„ã¨ã‹ãªã‚Šä¸åˆ©ãªçµæžœã‚’得る。 I tend to agree that "compiling server side code with webpack to remove access to process" i
React Fiberç¾çŠ¶ç¢ºèª
F8ã§ã‚‚React Fiberã«ã¤ã„ã¦ã®ç™ºè¡¨ã‚‚ã‚ã£ãŸã®ã§ã€æ°—ã«ãªã£ã¦ã„る人も多ã„React Fiberã®ç¾çŠ¶ã«ã¤ã„ã¦ç°¡å˜ã«æ›¸ããŸã„ã¨æ€ã„ã¾ã™ã€‚ Reactã®å®Œå…¨ãªæ›¸ãæ›ãˆã¨ã„ã†ã“ã¨ã§ã€ä½¿ã„方も変ã‚ã£ã¦ã—ã¾ã†ã¨æ€ã£ã¦ã„る人もã„ã‚‹ã¨æ€ã„ã¾ã™ãŒã€å†…部実装ã®æ›¸ãæ›ãˆã§ã‚ã‚Šã€åˆ©ç”¨è€…ã‹ã‚‰è¦‹ãˆã‚‹éƒ¨åˆ†ã§ã¯ã»ã¨ã‚“ã©å¤‰æ›´ã¯ã‚ã‚Šã¾ã›ã‚“。 ã‚‚ã¡ã‚ã‚“ã€react-fiberã¨ã„ã†ãƒ‘ッケージをインストールã™ã‚‹ã¨ã„ã†ã‚ã‘ã§ã‚‚ã‚ã‚Šã¾ã›ã‚“。 ã‚€ã—ã‚ã€v16ã®æ™‚点ã§ã¯ç¾åœ¨ã®å®Ÿè£…ã¨äº’æ›æ€§ã‚’ä¿ãŸã‚Œã¦ã„ã‚‹ã®ã§ã€v16ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚ŒãŸæ™‚ã«ã€v15.5を使ã£ã¦ã„ã‚Œã°ã»ã¨ã‚“ã©ãã®ã¾ã¾v16ã«æ›´æ–°ã§ãã‚‹ã¨æ€ã„ã¾ã™ã€‚ ãã—ã¦ã€è¨€ã‚ã‚Œãªã‘ã‚Œã°å†…部実装ãŒå¤‰ã‚ã£ã¦ã„ã‚‹ã“ã¨ã«æ°—ã¥ã‹ãªã„ã®ã§ã¯ãªã„ã‹ã¨æ€ã„ã¾ã™ã€‚ ã¨ã‚Šã‚ãˆãšã©ã†ãªã‚‹ã®ã‹çŸ¥ã‚ŠãŸã„人å‘ã‘ã®ã¾ã¨ã‚ v16ã§ã¯ã€åŸºæœ¬çš„ã«ã¯v15ã®æ™‚ã¨åŒã˜ã‚ˆã†ã«å‹•ä½œã—ã¾ã™ã€‚逆ã«è¨€ã†ã¨ãƒ‘フォーマンスもãã‚“ãªã«å¤‰ã‚
æ–°è¦Railsアプリã«å°ã•ãå°Žå…¥ã™ã‚‹React - Speaker Deck
dotsã§é–‹å‚¬ã•ã‚ŒãŸReactã®å°Žå…¥ã‚’検討ã•ã‚Œã¦ã‚‹æ–¹å‘ã‘ã®å‹‰å¼·ä¼šã§ãŠè©±ã—ã¾ã—㟠https://eventdots.jp/event/597088
Reactアプリã®ã‚³ãƒ¼ãƒ‰ã‚’美ã—ãä¿ã¤ã€Œé«˜éšŽã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã€ã®è€ƒãˆæ–¹ã¨ã¯ï¼Ÿ
Reactアプリケーションを整ç†ã—ã¦æ§‹ç¯‰ã—ã€ä¿å®ˆã‚’ç°¡å˜ã«ã™ã‚‹ãŸã‚ã«Higher-Order Componentsを使用ã™ã‚‹æ–¹æ³•ã«ã¤ã„ã¦èª¬æ˜Žã—ã¾ã™ã€‚純粋関数ã§ã‚³ãƒ¼ãƒ‰ã‚’クリーンã«ä¿ã¤æ–¹æ³•ã‚„ã€åŒã˜åŽŸç†ã‚’Reactコンãƒãƒ¼ãƒãƒ³ãƒˆã«é©ç”¨ã™ã‚‹æ–¹æ³•ã‚’紹介ã—ã¾ã™ã€‚ 純粋関数 以下ã®ãƒ—ãƒãƒ‘ティã«å¾“ã£ã¦ã„ã‚‹å ´åˆã€ãã®é–¢æ•°ã¯ç´”粋ã§ã‚ã‚‹ã¨è¦‹ãªã•ã‚Œã¾ã™ã€‚ å–り扱ã†ã™ã¹ã¦ã®ãƒ‡ãƒ¼ã‚¿ãŒå¼•æ•°ã¨ã—ã¦å®£è¨€ã•ã‚Œã¦ã„ã‚‹ 与ãˆã‚‰ã‚ŒãŸãƒ‡ãƒ¼ã‚¿ã‚„ãã®ä»–ã®ãƒ‡ãƒ¼ã‚¿ã‚’変化ã•ã›ãªã„（多ãã®å ´åˆã€å‰¯ä½œç”¨ã¨å‘¼ã°ã‚Œã‚‹ï¼‰ åŒã˜å…¥åŠ›ã«ã¯ã€å¸¸ã«åŒã˜å‡ºåŠ›ã‚’返㙠ãŸã¨ãˆã°ã€ä»¥ä¸‹ã®add関数ã¯ç´”粋ã§ã™ã€‚ function add(x, y) { return x + y; } ã—ã‹ã—以下ã®badAdd関数ã¯ç´”粋ã§ã¯ã‚ã‚Šã¾ã›ã‚“。 var y = 2; function badAdd(x) { return x + y; } badAdd関数ã¯ç›´æŽ¥ä¸Žãˆã‚‰ã‚Œã¦ã„ãªã„デー
Reactã§TDD（テスト駆動開発）を始ã‚よㆠ: 環境構築ã‹ã‚‰ãƒ†ã‚¹ãƒˆä½œæˆã€æ©Ÿèƒ½å®Ÿè£…ã¾ã§ã®è©³è§£ã‚¬ã‚¤ãƒ‰ | POSTD
最å°é™ã®è¨å®šã®TDD手法を使ã„ã€ã€Œä½•ã‚’テストã™ã¹ãã‹ï¼Ÿã€ã‹ã‚‰ã€ã‚ˆãã‚ã‚‹è½ã¨ã—ç©´ã®é¿ã‘æ–¹ã¾ã§ã€Reactコンãƒãƒ¼ãƒãƒ³ãƒˆã‚’テストã™ã‚‹æ–¹æ³•ã‚’å¦ã³ã¾ã—ょã†ã€‚ å°Žå…¥ ã¾ãšã€ React を触ã£ãŸã“ã¨ãŒã‚ã‚Šã€æ›´ã«ã¯ã„ãã¤ã‹ã®ãƒ†ã‚¹ãƒˆã‚‚書ã„ãŸçµŒé¨“ãŒã‚ã‚‹ã¨ã—ã¾ã—ょã†ã€‚ãã‚Œã§ã‚‚ã€ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’ã©ã†ãƒ†ã‚¹ãƒˆã™ã‚‹ã®ãŒæœ€å–„ãªã®ã‹ã€ã‚ˆã分ã‹ã‚‰ãªã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。ã©ã“ã‹ã‚‰å§‹ã‚ã‚‹ã®ã§ã—ょã†ã€‚具体的ã«ã¯ä½•ã‚’テストã™ã‚Œã°ã‚ˆã„ã®ã§ã—ょã†ã‹ã€‚ ã„ãã¤ã‹ã®Reactコンãƒãƒ¼ãƒãƒ³ãƒˆã¯ç°¡æ½”éŽãŽã¦ã€ãã‚‚ãもテストãŒå¿…è¦ãªã®ã‹ã™ã‚‰ã¯ã£ãã‚Šã—ã¾ã›ã‚“。 Angularã‹ã‚‰Reactã«ä¹—ã‚Šæ›ãˆãŸ 人ãªã‚‰ã€ãƒ†ã‚¹ãƒˆã«ã¯æ„›æ†Žã®ã‚ˆã†ãªæ€ã„ãŒã‚ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。 確ã‹ã« Angular ã«ã¯ãƒ†ã‚¹ãƒˆã‚’支æ´ã™ã‚‹ãƒ„ールãŒãŸãã•ã‚“ã‚ã‚Šã¾ã™ãŒã€åŒæ™‚ã«ãƒ†ã‚¹ãƒˆã‚’書ãã®ãŒé›£ã—ããªã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚冗長ãªãŒã‚‰çœç•¥ã§ããªã„定型コードãŒå¤šã€…ã‚る上〠$digest ã®å‘¼ã³å‡º
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
component test
{{#tags}}- {{label}}
{{/tags}}