You might not need React Router
By Konstantin Tarkus If you happened to work with Facebook’s React.js library for a while, you might notice a few misconceptions floating in the React community. One of them is the affirmation that React is just V from MVC architecture and needs to be mixed with a bunch of other libraries before it can be used as a framework for developing web applications. In practice, you rarely see a React deve
Create React App 2.0ã®å¤‰æ›´ç‚¹ã¾ã¨ã‚ - Qiita
Create React App 2.0ãŒ10月1æ—¥ã«ãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¾ã—㟠What's New ç”»é¢ãŒæ–°ã—ã デフォルトã§ç«‹ã¡ä¸ŠãŒã‚‹ç”»é¢ãŒæ–°ã—ããªã‚Šã¾ã—㟠Sass, CSS Modulesã«å¯¾å¿œ 余計ãªè¨å®šã‚’書ãå¿…è¦ãŒç„¡ããªã‚Šã€æ‹¡å¼µåを変更ã™ã‚Œã°å¤§ä¸ˆå¤«ãªã‚ˆã†ã§ã™ã€‚ Babel7, React Fragment <React.Fragment></React.Fragment>ã‚’<></>ã§ç½®ãæ›ãˆå¯èƒ½ã«ãªã‚Šã¾ã—ãŸã€‚ Webpack4 Webpack4ã«ã‚¢ãƒƒãƒ—デートã€JSモジュールãƒãƒ³ãƒ‰ãƒ«ã®è‡ªå‹•åˆ†å‰²ãŒæ”¹å–„ã•ã‚ŒãŸã‚ˆã†ã§ã™ã€‚ Jest23 Jest23ã«ã‚¢ãƒƒãƒ—デートã€ã‚¹ãƒŠãƒƒãƒ—ショットã®ãƒ¬ãƒ“ューã«ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–モードãŒè¿½åŠ ã•ã‚Œã¾ã—ãŸã€‚ Apollo, Relay Modern, MDX Babel Macrosã¯ejectç„¡ã—ã§ã¯ã»ã¼ä½¿ç”¨ä¸å¯èƒ½ã§ã—ãŸãŒã€ Apolloã‚„Relay Modern
Reduxã„らãªã„ã‹ã‚‚？ï¼GraphQL + Reactã§Reduxを使ã‚ãšã«ã„ã„æ„Ÿã˜ã«å®Ÿè£…ã—㟠- Qiita
ã¯ã˜ã‚ã« Railsã¨Reactã€GraphQLを使ã£ã¦ç°¡å˜ãªã‚¢ãƒ—リを作りãŸãã€å‹‰å¼·ãŒã¦ã‚‰Rails + React + GraphQL + Apolloã§ç°¡å˜ãªã‚¢ãƒ—リを作ã£ã¦ã¿ã¾ã—ãŸã€‚ ãã®éš›ã«ã€GraphQL使ã†ãªã‚‰Reduxを使ã†ãƒ¡ãƒªãƒƒãƒˆã£ã¦ãªã„ã‚“ã˜ã‚ƒãªã„ã‹ãªã¨æ€ã„ã€Reduxを使ã‚ãšã«ã„ã„æ„Ÿã˜ã«å®Ÿè£…ã§ããªã„ã‹ãªã¨è©¦è¡ŒéŒ¯èª¤ã—ãŸã“ã¨ã‚’記事ã«ã—ã¦ã¿ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ 実際ã®ã‚¢ãƒ—リã¯Takumi0901/rails-react-sampleã«ã‚ã‚Šã¾ã™ã€‚ ã‚‚ã—starã¨ã‹forkã¨ã‹issueもらãˆã‚‹ã¨å¬‰ã—ã„ã§ã™ã€‚よã‚ã—ããŠé¡˜ã„ã—ã¾ã™^ ^ Atomic Designを使ã£ãŸãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªæ§‹æˆ Atomic Designã¨ã¯ Atomic Design | Brad Frost Atomic Design を分ã‹ã£ãŸã¤ã‚‚ã‚Šã«ãªã‚‹ | DeNA DESIGN BLOG Atomic Designã§
ç§ã®Reactã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆå®Ÿè£…アンãƒãƒ‘ターン
(編集: React以外ã®ãƒ©ã‚¤ãƒ–ラリã§å½“ã¦ã¯ã¾ã‚‹ã‹ç¢ºèªã§ãã¦ãŠã‚‰ãšã€ä¸»èªžãŒãƒ‡ã‚«ã‚ãªã®ã§ã‚¿ã‚¤ãƒˆãƒ«ã«"Reactã®"ã‚’ã¤ã‘ã¾ã—ãŸ) ã“ã®è¨˜äº‹ã¯ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆæŒ‡å‘開発ã«ãŠã‘ã‚‹ã€ç§ãŒå®Ÿéš›ã«ç”£ã¿å‡ºã—ãŸ/éé‡ã—ãŸã‚¢ãƒ³ãƒãƒ‘ターンをã¾ã¨ã‚ãŸã‚‚ã®ã§ã™ã€‚ コンãƒãƒ¼ãƒãƒ³ãƒˆè¨è¨ˆè«–ã¯ã¡ã‚‰ã»ã‚‰è¦‹ã‹ã‘ã¾ã™ãŒã€ã‚¢ãƒ³ãƒãƒ‘ターン集ã¯ã‚ã¾ã‚Šè¦‹ãŸã“ã¨ãªã„ãªã¨æ€ã£ãŸã“ã¨ã¨ã€å®Ÿéš›ã®é–‹ç™ºã—ã¦ã„ãã«ã‚ãŸã£ã¦ã‚ˆã‚Šå…·ä½“çš„ãªã‚¢ãƒ³ãƒãƒ‘ターン例ãŒã‚ã£ãŸæ–¹ãŒå¦ã³ãŒæ—ã‚‹ã®ã§ã¯ã¨ã„ã†æ€ã„ã‹ã‚‰ã“ã®è¨˜äº‹ã‚’書ã始ã‚ã¾ã—ãŸã€‚ä¼¼ãŸã‚ˆã†ãªã‚³ãƒ¼ãƒ‰ã‚’書ã„ãŸæ™‚ã«å‚考ã«ãªã‚Œã°å¹¸ã„ã§ã™ã€‚ã¾ãŸã€çµ¶å¯¾çš„ãªè§£ãŒã‚ã‚‹ã‚‚ã®ã§ã‚‚ãªã„ã¨æ€ã£ã¦ã„ã‚‹ã®ã§ã€ã‚ˆã‚Šè‰¯ã„案ãªã©ã”ã–ã„ã¾ã—ãŸã‚‰ã‚³ãƒ¡ãƒ³ãƒˆã„ãŸã ã‘ã‚‹ã¨å¬‰ã—ã„ã§ã™ã€‚ ãªãŠã€æ€ã„ã¤ãベースã§æ›¸ã„ã¦ã„ã‚‹ã®ã§ç‰¹ã«ç¶²ç¾…性ã¯ãªã„ã§ã™ã€‚ å¿™ã—ã„人ã®ãŸã‚ã®ã‚µãƒžãƒª ä¸é–“ã®Prop変化 ã‚るコンãƒãƒ¼ãƒãƒ³ãƒˆãŒä»–ã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã§ä½•ãŒã©ã†è¡¨ç¤ºã•ã‚Œã‚‹ã‹ã‚’知ã£ã¦ã„るよ
React Hooks ã§ã®çŠ¶æ…‹ç®¡ç†ã¨å‰¯ä½œç”¨ã®è¡¨ç¾ - mizchi's blog
React Hooks 㯠Stateless Functional Component ã§ã‚‚ setState çš„ãªçŠ¶æ…‹æ“作や componentDidMount ã®ã‚ˆã†ãªæ“作をå¯èƒ½ã«ã™ã‚‹ãŸã‚ã®ä»•æ§˜æ案ã§ã™ã€‚ æ—¢ã«é–‹ç™ºãƒ–ランãƒã«å…¥ã£ã¦ã„ã¾ã™ãŒã€ ç¾æ™‚点ã§å…¬å¼ã«æŽ¡ç”¨ã•ã‚ŒãŸã‚‚ã®ã§ã¯ãªã„ã§ã™ã€‚リリース時ã«ã¯APIãŒå¤‰ã‚ã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚ React ã®ãƒ¡ã‚¤ãƒ³é–‹ç™ºè€…ã®ä¸€äººã§ã‚ã‚‹ sebmarkbage ã®å‡ºã—ã¦ã‚‹ RFC https://github.com/reactjs/rfcs/pull/68 試ã—ã¦ã¿ã‚‹ react@16.7.0-alpha.0 ã«æ—¢ã«å®Ÿè£…ã•ã‚Œã¦ãŠã‚Šã€å…¬å¼ã®ãƒ–ãƒã‚°ã§ã‚‚解説ãŒå‡ºã¦ã„ã¾ã™ã€‚ https://reactjs.org/docs/hooks-intro.html https://reactjs.org/docs/hooks-reference.html 自分ã¯ä»¥ä¸‹
Reactã®ã€ŒRender Propsã€ã«ã¤ã„㦠– å…¬å¼ãƒ‰ã‚ュメント日本語訳 | maesblog
昨年ã‹ã‚‰ Reactl界隈ã§ã€ŒRender Propsã€ã¨ã„ã†è¨€è‘‰ã‚’よãç›®ã«ã™ã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚Render Props ã¯ã€React ã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’å†åˆ©ç”¨å¯èƒ½ãªæ–¹æ³•ã§ãã®çŠ¶æ…‹ã‚„振る舞ã„をカプセル化ã™ã‚‹ãŸã‚ã®ãƒ‘ターンã®ã²ã¨ã¤ã§ã™ã€‚åŒæ§˜ã®ç›®çš„ã§ã‚ˆã使ã‚れるパターン㫠Higher-Order Components (HOC) ãŒã‚ã‚Šã¾ã™ãŒã€Render Props 㯠HOC ã®å•é¡Œã‚’解決ã—ãŸã‚‚ã®ã§ã€ä»Šå¾Œä¸»æŠ½è±¡åŒ–パターンã®æœ¬æµã«ãªã‚Šã†ã‚‹ã¨è¨€ã‚ã‚Œã¦ã„ã¾ã™ã€‚ã“ã® Render Props を全然追ã„ãã‚Œã¦ã„ãªã‹ã£ãŸã®ã§ã€ä»Šå›ž React ã®å…¬å¼ãƒ‰ã‚ュメントã®ã€ŽRender Props〠ã®éƒ¨åˆ†ã‚’日本語ã«è¨³ã—ã¦ã¿ã¾ã—ãŸã€‚ The term “render prop†refers to a simple technique for sharing code between React co
Reactã§ç®¡ç†ç”»é¢ã‚’ã¤ãã‚‹ã¨ãã«ä¾¿åˆ©ã ã£ãŸãƒ©ã‚¤ãƒ–ラリ集ã¨æ‰€æ„Ÿ - Qiita
主ã«æœªæ¥ã®è‡ªåˆ†ç”¨ material-ui Material Designã‚’Reactã§ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆåŒ–ã—ãŸã‚‚ã® UIパーツã«ãªã£ã¦ã„ã‚‹ã®ã§ãƒ‘パã£ã¨ä½¿ãˆã‚‹ã—ã€ã‚ã¨ã§ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã™ã‚‹ã¨ãã‚‚ã‘ã£ã“ã†èžé€šãŒåŠ¹ã ç¾åœ¨1.0.0ãŒbetaã§ã‚¢ãƒƒãƒ—デートãŒæ¿€ã—ãç ´å£Šçš„å¤‰æ›´ã‚‚å¤šã„ã®ã§ã€å ´é¢ã«åˆã‚ã›ã¦Stableã¨ã©ã¡ã‚‰ã‚’採用ã™ã‚‹ã‹æ±ºã‚ã‚‹ã®ãŒã‚ˆã„。 v1ãŒStableã«ãªã£ãŸ react-admin REST API（やGraphQL）をå©ãクライアントã¨ã—ã¦æœ€é©åŒ–ã•ã‚ŒãŸæ„Ÿã˜ã®ç®¡ç†ç”»é¢ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆé›† インデックスãŒã‚ã£ã¦ã€é–²è¦§ãƒšãƒ¼ã‚¸ãŒã‚ã£ã¦ã€ç™»éŒ²ãƒšãƒ¼ã‚¸ãŒã‚ã£ã¦ã€ã¿ãŸã„ãªã‚ˆãã‚ã‚‹ç”»é¢ãŒç´ æ—©ãã¤ãれる Material UIを内部ã§ä½¿ã£ã¦ã„ã¦ã€ã•ã‚‰ã«ç®¡ç†ç”»é¢ç”¨ã«é«˜ãƒ¬ãƒ™ãƒ«ãªã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆï¼ˆãƒ†ãƒ¼ãƒ–ルã¨ã‹æ–°è¦ä½œæˆãƒ•ã‚©ãƒ¼ãƒ ã¨ã‹ï¼‰ãŒå®Ÿè£…ã•ã‚Œã¦ã„ã‚‹ カスタマイズ性もã¾ãã¾ã高ã„。CRUDã§ã¯ãªã„エンドãƒã‚¤ãƒ³ãƒˆã§ã‚‚æ‹¡å¼µå¯
クライアントサイドã®ãƒ¢ãƒ‡ãƒ«ã¨ã¯ä½•ã‹ 後編 ~ å˜æ–¹å‘データフãƒãƒ¼ã¨å‚ç…§é€éŽæ€§ - mizchi's blog
ã“ã®è¨˜äº‹ã¯ クライアントサイドã®ãƒ¢ãƒ‡ãƒ«ã¨ã¯ä½•ã‹ å‰ç·¨ ~ クライアントサイド MVC ã®æ» - mizchi's blog ã®å¾Œç·¨ã€‚ å‰æã¨ã—ã¦ã€ä»Šå›žã®å‡ºã™ä¾‹ã§ã€ã€ŒWeb フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã§ã€ãã“ã¾ã§è¤‡é›‘ãªçŠ¶æ…‹ã‚’考慮ã™ã‚‹ãªã‚“ã¦ãã‚‚ãã‚‚é–“é•ã£ã¦ã‚‹ã€ã¨ã„ã†æ„見ãŒã‚ã‚‹ã¨æ€ã†ã€‚ã“ã‚Œã«é–¢ã—ã¦ã€ãã‚‚ãも「SPA ã¨ã„ã†ã‚‚ã®ãŒã€ã„ã‹ã«å®Ÿç¾å¯èƒ½ã«ãªã£ãŸã‹ã€ã¨ã„ã†è¦–点ã®è©±ã§ã‚ã‚Šã€ã¾ãŸã€è‡ªåˆ†ã®çµŒé¨“上「フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãªã‚“ã¦é›‘ã§ã‚·ãƒ³ãƒ—ルã§ã„ã„ã§ã—ょã€ã¨ã„ã†ã‚‚ã®ãŒã€è¤‡é›‘ãªæ§‹æˆã‚’å–ã£ã¦ã„ãã®ã‚’ã€ä½•åº¦ã‚‚ç›®ã«ã—ã¦ããŸã€ã¨ã„ã†2ã¤ã®å‰æãŒã‚る。 é©åˆ‡ãªç²’度ã«å¿œã˜ãŸé©åˆ‡ãªæ§‹æˆã‚’ã¨ã‚‹ã¹ã—ã€ã¨ã„ã†ã®ã¯åˆ¥ã®è©±ã§ã€ä»Šå›žã€å¯¾è±¡ãŒè¤‡é›‘ãªã‚¢ãƒ—リケーションãªã®ã¯å‰æã¨ã™ã‚‹ã€‚ Flux ä»¥å‰ å…ˆã®è¨˜äº‹ã§ ActiveRecord ã‚’å‰æã«ã—ãŸã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ ORM をクライアントã§è¼¸å…¥ã—よã†ã¨ã™ã‚‹ã¨ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã§ã¯ Storage 層ãŒå˜åœ¨ã—
Reactã‚’jQueryã®æ•°è¡Œã«è¦ç´„ã™ã‚‹ | POSTD
「ReactãŒç´ 晴らã—ã„ç†ç”±ã¯ã€UIをアプリケーションã®çŠ¶æ…‹ã®ç´”粋関数ã«ã§ãã‚‹ã‹ã‚‰ã ã€ã„ã†ã‚ˆã†ãªè©±ã‚’èžã„ãŸã“ã¨ãŒã‚ã‚‹ã§ã—ょã†ã€‚ã—ã‹ã—ãã‚Œã ã‘ã§ã¯ãªãã€ä¸å¤‰æ€§ã¨ä»®è£…DOMを利用ã—ã¦å‹•ä½œã™ã‚‹ã¨ã„ã†ã“ã¨ã‚‚èžãã¾ã™ã‚ˆã。ãã®ä¸Šã€ä¿å˜ã€èªã¿è¾¼ã¿ã€å–り消ã—ã€ãã‚Œã«ã‚¿ã‚¤ãƒ トラベル・デãƒãƒƒã‚°ã¨å‘¼ã°ã‚Œã‚‹ã™ã”ã„機能ã¾ã§è‡ªç”±ã«æ‰‹ã«å…¥ã‚Œã‚‰ã‚Œã‚‹ã€‚ã§ã‚‚知ã£ã¦ã„ã¾ã™ã‹ï¼Ÿã€€Reactã®æ ¸ã¨ãªã‚‹ã‚¢ã‚¤ãƒ‡ã‚¢ã‚’利用ã—ã€ãã®æ©æµã«é ã‹ã‚‹ã®ã«ã“れらã®ã“ã¨ã¯å¿…è¦ã‚ã‚Šã¾ã›ã‚“。jQueryã®æ•°è¡Œã«ã—ã¦ãŠè¦‹ã›ã—ã¾ã™ã€‚ <span id="colored-counter">0</span> <input id="color"></input> <button id="inc"></button> <script> $('#color').on('keyup', function () { $('#colored-counter').css('
React with Reduxã«ã‚ˆã‚‹å¤§è¦æ¨¡å•†ç”¨ã‚µãƒ¼ãƒ’゙スã®é–‹ç™º / nodefest2016
æ±äº¬Nodeå¦åœ’ç¥2016ã§è©±ã—ãŸãƒ–ッã‚ングテーブルã®ã‚„ã¤
Redux 㯠概念的㫠Rx ã®ã‚µãƒ–セットã§ã‚ã‚‹ã¨ã„ã†è©± - mizchi's blog
ã“ã®è³‡æ–™ã®ã‚¢ãƒ¬ã€‚ mizchi.hatenablog.com Reducer ã¯å˜ãªã‚‹ (State, Action) => State ã®é–¢æ•°ã§ã€redux.combineReducers ã¯è¤‡æ•°ã® reducer ã‚’åå‰ç©ºé–“ã§ãƒžãƒƒãƒ—ã—ãŸæ–°ã—ã„ reducer ã«ã™ã‚‹ã‚‚ã®ã€‚ Rx分ã‹ã‚‹äººã€Redux分ã‹ã‚‹äººå‘ã‘ã«ã€ redux.combineReducers を実装ã—ã¦ã€Rx.Observable.scan 㧠reducer ã¨ã—ã¦å®Ÿéš›ã«å‹•ãコードを書ã„ãŸã€‚ const Rx = require('rx') const combineReducers = reducerMap => { const initialState = Object.entries( reducerMap ).reduce((acc, [key, reducer]) => { return Object.ass
Quipper ã§ã® CodePush を使ã£ãŸ OTA é…ä¿¡ã¨ãã®è‡ªå‹•åŒ– - スタディサプリ Product Team Blog
ã“ã®è¨˜äº‹ã¯ React Native Advent Calendar 2017 6 日目ã®è¨˜äº‹ã§ã™ã€‚5 日目㯠Quipper åŒåƒšã® @hotchemi ã«ã‚ˆã‚‹Quipperã«ãŠã‘ã‚‹React Native活用事例ã§ã—ãŸã€‚ ã“ã‚“ã«ã¡ã¯ã€Quipper 㧠Software Engineer ã‚’ã‚„ã£ã¦ã„ã‚‹ @yuya-takeyama ã§ã™ã€‚ 入社以æ¥ã»ã¨ã‚“ã© Web ã®ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ãƒ»ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ã‚’ã‚„ã£ã¦ãã¾ã—ãŸãŒã€æœ€è¿‘㯠React Native アプリã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ TypeScript を書ã„ã¦ã„ã¾ã™ã€‚ 昨日ã®è¨˜äº‹ã§ã‚‚軽ã触れã¦ã¾ã™ãŒã€Quipper ã§æœ€è¿‘é‹ç”¨ãŒå§‹ã¾ã£ãŸ OTA (Over The Air) ã«ã‚ˆã‚‹ã‚¢ãƒ—リé…ä¿¡ã®é‹ç”¨ã¨ãã®è‡ªå‹•åŒ–ã«ã¤ã„ã¦è©³ã—ã紹介ã—ã¾ã™ã€‚ ãªãŠã€å®Ÿéš›ã«å‹•ãコード例ã¨ã—ã¦ä»¥ä¸‹ã®ãƒªãƒã‚¸ãƒˆãƒªã‚’用æ„ã—ã¾ã—ãŸã€‚ quipper/ReactNativeCo
React Redux を用ã„㟠SPA æ–°è¦ã‚µãƒ¼ãƒ“スをé‹ç”¨ã—ã¦å¾—ãŸçŸ¥è¦‹ã¨å®Ÿè£…例 | ランサーズ（Lancers）エンジニアブãƒã‚°
@tsuyoshi ã§ã™ã€‚先日行ã‚れ㟠React Redux を用ã„㟠SPA æ–°è¦ã‚µãƒ¼ãƒ“スをé‹ç”¨ã—ã¦å¾—ãŸçŸ¥è¦‹ã¨å®Ÿè£…例　ã¨è¨€ã†ã‚¤ãƒ™ãƒ³ãƒˆã§ä½¿ã£ãŸã‚¹ãƒ©ã‚¤ãƒ‰ã‚’アップãƒãƒ¼ãƒ‰ã—ã¾ã—ãŸã€‚ https://pook.life/ ã¨è¨€ã†ã‚µãƒ¼ãƒ“スをReact Redux ã® SPA ã§é‹ç”¨ã—ã¦å¾—ãŸçŸ¥è¦‹ãªã©ã‚’共有ã§ãã‚Œã°ã¨æ€ã„。公開ã—ã¦ã¿ãŸæ¬¡ç¬¬ã§ã™ã€‚ 内容ã¨ã—ã¦ã¯ 利用ã—ã¦ã„るライブラリや開発環境ã€é–‹ç™ºãƒ•ãƒãƒ¼ コードベースã§ã®å®Ÿè£…例ã®ç´¹ä»‹ ãã®ä»– SPA サービスをé‹ç”¨ã™ã‚‹ä¸Šã§ã®æ§‹æˆã‚„知見 ãªã©ã€å®Ÿä¾‹ã‚„çµæžœã‚’交ãˆãªãŒã‚‰èª¬æ˜Žã—ã¦ã„ã¾ã™ã€‚ 何ã‹ã®å‚考ã«ãªã‚Œã°å¹¸ã„ã§ã™ã€‚ スライドを貼ã£ã¦ã¾ã™ãŒã€ä»¥ä¸‹ã®google スライドã§è¦‹ãŸæ–¹ãŒã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¨ã‹å‹•ã„ã¦è¦‹ã‚„ã™ã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。 https://docs.google.com/presentation/d/1TIEg5rYJ9vlWTSO6etwupBBO0e
フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ãƒ‘ラダイムシフトã¨ãƒ—ãƒãƒ€ã‚¯ãƒˆã®æˆé•·
Front Line of Frontend − Forkwell Meetup #2 発表資料 http://forkwell.connpass.com/event/42527/
ReactComponent ã®ãƒªãƒ•ã‚¡ã‚¯ã‚¿ãƒªãƒ³ã‚°æŒ‡é‡ - freee Developers Hub
エンジニア㮠id:t930 ã§ã™ã€‚ freee Developers Advent Calendar 2017 19日目ã„ãã¾ã™ã€‚ React ã¯ãã®åå‰ã‚’èžãよã†ã«ãªã£ã¦ã‹ã‚‰3年以上ãŒçµŒéŽã—ã€Webアプリケーション開発ã®æ–‡è„ˆã«ãŠã„ã¦ã¯ã‚‚ã¯ã‚„枯れãŸæŠ€è¡“ã¨è¨€ãˆã‚‹ã§ã—ょã†ã€‚会計freeeã§ã‚‚2015å¹´ã”ã‚ã« Backbone.js ã‹ã‚‰ React ã¸ã®ãƒªãƒ—レースを行ã„ã€ç¾åœ¨ã§ã¯ Reactコンãƒãƒ¼ãƒãƒ³ãƒˆã ã‘ã§ã‚‚900è¿‘ã„ファイルãŒå˜åœ¨ã—ã¦ã„ã¾ã™ã€‚当然ã“ã®ã‚ˆã†ãªè¦æ¨¡ã§ã‚„ã£ã¦ã„ã‚‹ã¨ãƒªãƒ•ã‚¡ã‚¯ã‚¿ãƒªãƒ³ã‚°ã‚‚å¿…è¦ã«ãªã£ã¦ãã‚‹ã‚ã‘ã§ã€æœ¬è¨˜äº‹ã§ã¯ãã‚“ãªä¸ã§å¾—られãŸReactコンãƒãƒ¼ãƒãƒ³ãƒˆã«ãŠã‘るリファクタリングã®æŒ‡é‡ã«ã¤ã„ã¦ç´¹ä»‹ã—ã¦ã„ãã¾ã™ã€‚1 é©åˆ‡ãªå˜ä½ã«åˆ†å‰²ã™ã‚‹ React ã«é™ã£ãŸè©±ã§ã¯ãªã„ã§ã™ãŒã€å·¨å¤§ã§è¦‹é€šã—ã®æ‚ªã„コンãƒãƒ¼ãƒãƒ³ãƒˆã¯ãƒ¡ãƒ³ãƒ†ãƒŠãƒ“リティやå†åˆ©ç”¨æ€§ã®ä½Žä¸‹ã‚’æ‹›ãã¾ã™ã€‚è¡¨ç¤ºé ˜åŸŸã€è²¬å‹™ã€æ„味付ã‘ã«
React習得記ã¾ã¨ã‚
[DAY 01] Reactã§HelloWorldã¨ã‚«ãƒ¼ãƒ‰ã‚¢ãƒ—ãƒªä½œæˆ ~0ã‹ã‚‰react習得記 day 01~ [DAY 02] 手軽ã«es2015を実行ã™ã‚‹ç‚ºã«replツールを調査ã—ã¾ã—㟠~0ã‹ã‚‰react習得記 day 02~ [DAY 03] styled-componentsを使用ã—ã¦ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°ã‚’行ㆠ~0ã‹ã‚‰react習得記 day 03~ [DAY 04] ES2015を覚ãˆã‚‹ãªã‚‰ã‚³ãƒ¬ï¼ES2015ã®ãŠã™ã™ã‚å¦ç¿’リソース一覧 ~0ã‹ã‚‰react習得記 day 04~ [DAY 05] JavaScriptã®é–¢æ•°ã‚’ç°¡å˜ã«ã¾ã¨ã‚ã‚‹ ~0ã‹ã‚‰react習得記 day 05~ [DAY 06] JavaScriptã®é«˜éšŽé–¢æ•°ã£ã¦ä½•ã§ã™ã‹ï¼Ÿ ~0ã‹ã‚‰react習得記 day 06~ [DAY 07] Reactã§ã‚«ã‚¦ãƒ³ã‚¿ãƒ¼ã‚¢ãƒ—ãƒªã‚’ä½œã‚‹ï¼ ~0ã‹ã‚‰react習得記 day 07~ [D
今ã€æˆ‘々ã¯ã€ GUI ã®è¨è¨ˆã«ã¤ã„㦠何を考ãˆã‚‹ã¹ãã‹ - mizchi's blog
ã¨ã„ã†ãƒ†ãƒ¼ãƒžã§ ToKyoto.js ― Kyoto.js in Tokyo - connpass 㧠Redux Rx FRP らã¸ã‚“㮠話をã—ã¦ãã¾ã—ãŸã€‚ ã“ã‚Œä¸€å€‹ä¼šå ´ã§æŒ‡æ‘˜ã•ã‚ŒãŸé–“é•ã„ãŒã‚ã£ã¦ã€ reducer = observable.reduce ã¨æ›¸ã„ã¦ã‚‹ã¨ã“ã‚㯠reducer = observable.scan ã§ã™ã€‚ @amagitakayoshi / @pastak ãŠç–²ã‚Œæ§˜ã§ã—ãŸã€‚
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Flowã®å°Žå…¥ã¨ä½¿ã„æ–¹ - Qiita
markerikson - Repositories
https://react-etc.net/entry/rip-redux-dan-abramovich-announces-future-fetcher
{{#tags}}- {{label}}
{{/tags}}