React Native at Instagram
React Native has come a long way since it was open-sourced in 2015. Fewer than two years later, it’s being used not only in Facebook and Facebook Ads Manager, but also in many other companies, from Fortune 500 companies to hot new startups. Developer velocity is a defining value of Instagram’s mobile engineering. In early 2016, we started exploring using React Native to allow product teams to ship
ç§ãŸã¡ã¯ãªãœReactã§ã¯ãªãVue.jsã‚’é¸ã‚“ã ã®ã‹ | POSTD
Qwintryãƒãƒ¼ãƒ ã¯æœ€è¿‘ã€æ—¢å˜ã®ã™ã¹ã¦ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’Vue.jsã«ç§»è¡Œã—ã¯ã˜ã‚ã¾ã—ãŸã€‚æ–°ã—ã„プãƒã‚¸ã‚§ã‚¯ãƒˆã§ã‚‚Vue.jsを使ã„ã¾ã™ã€‚ レガシーãªDrupalã®ã‚·ã‚¹ãƒ†ãƒ （qwintry.com） ゼãƒã‹ã‚‰æ–°ã—ã書ããªãŠã™qwintry.comã®ãƒ–ランムYii2ã§å‹•ãb2bシステム（logistics.qwintry.com） ãã®ä»–ã€æ¯”較的å°ã•ã‚ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆï¼ˆã»ã¨ã‚“ã©ã¯ã€PHPã¨Node.jsã§ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã‚’構築ã—ã¦ã„ã‚‹ã‚‚ã®ï¼‰ プãƒã‚¸ã‚§ã‚¯ãƒˆã®è¦æ¨¡ã«ã¤ã„ã¦ã„ã†ã¨ã€ Qwintry ã¯ä¸–ç•Œä¸ã§ç´„50万人ã®é¡§å®¢ãŒä½¿ã£ã¦ã„ã¾ã™ã€‚アメリカã¨ãƒ‰ã‚¤ãƒ„ã«å€‰åº«ã‚’æŒã£ã¦ã„ã¦ã€ã‚¢ãƒ¡ãƒªã‚«å›½å†… 最大ã®éƒµé€å…ˆ ã®ã²ã¨ã¤ã§ã€æ±æ¬§ã‚„ä¸æ±ã¸ã®å‡ºè·ã«æ³¨åŠ›ã—ã¦ã„ã¾ã™ã€‚Qwintryã¯ã€ã‚¢ãƒ¡ãƒªã‚«ã®ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚¹ãƒˆã‚¢ã§ã‚°ãƒƒã‚ºã‚’購入ã™ã‚‹äººãŸã¡ã®ãŸã‚ã®ãƒ„ールã§ã™ã€‚ç§ãŸã¡ã®å€‰åº«ã«å±Šã„ãŸè·ç‰©ã‚’コントãƒãƒ¼ãƒ«ãƒ‘ãƒãƒ«ã§ç®¡ç†ã§
30分間React入門「ã„ã„ãボタンã€ä½œæˆãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
「今日ã‹ã‚‰Reactを始ã‚ãŸã„〠「ã¨ã‚Šã‚ãˆãšReactã§ä½•ã‹å‹•ã‹ã—ã¦ã¿ãŸã„〠ã“ã“ã¯ã€ãã†ã„ã£ãŸæ–¹ãŒã€Reactを始ã‚ã¿ã‚‹ãŸã‚ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã§ã™ã€‚ 今回ã¯ã€Reactを使ã£ã¦Facebookã®ã„ã„ãボタンã®ã‚ˆã†ãªã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’実装ã—ã¦ã„ãã¾ã™ã€‚ > 今回作る「ã„ã„ãボタンã€ã®ãƒ‡ãƒ¢ä»Šå›žä½œã‚‹ã€Œã„ã„ãボタンã€ã®ãƒ‡ãƒ¢ 実際ã«æŠ¼ã›ã¾ã™â†“ > ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã®ç›®æ¨™ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã®ç›®æ¨™ Reactã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’実装ã§ãるよã†ã«ãªã‚‹ Reactコンãƒãƒ¼ãƒãƒ³ãƒˆã®ã‚¤ãƒ™ãƒ³ãƒˆã‚’ãƒãƒ³ãƒ‰ãƒªãƒ³ã‚°ã§ãるよã†ã«ãªã‚‹ Reactコンãƒãƒ¼ãƒãƒ³ãƒˆã®çŠ¶æ…‹(state)を実装ã§ãるよã†ã«ãªã‚‹ Reactã®é›°å›²æ°—ã‚’ã¤ã‹ã‚ã‚‹ï¼ > ã“ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã«ã¤ã„ã¦ã“ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã«ã¤ã„㦠ãªãŠã€ã“ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã¯ã€ä¸‹è¨˜ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§å‹•ä½œç¢ºèªã—ã¦ã„ã¾ã™ã€‚ npm 2.14.2 react 0.14 react-dom 0.14 w
Reduxã¨ES6ã§React.jsã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã®å†™çµŒ - undefined
æˆæžœç‰© github.com 目的 Reduxã¨ES6ã¸ã®å…¥é–€ã€‚ React.jsã‚’(よã†ã‚„ã)触る機会ãŒå‡ºã¦ã€æƒ…å ±é‡ã®å¤šã„Fluxxorã¨CoffeeScriptã§å…¥é–€ã—ã¦ãŸã€‚ ã„ã‚ã„ã‚æƒ…å ±ã‚’é›†ã‚ã‚‹ã¨ã€flummoxãŒäººæ°—ï¼ï¼ã¿ãŸã„ãªã®ã‚’見ã¦ã€è¦—ã„ã¦ã¿ãŸã‚‰4.0 will likely be the last major release. Use Redux instead. It's really great.ã£ã¦æ›¸ã„ã¦ã‚ã£ã¦Reduxを触ã£ã¦ã¿ã‚‹ã“ã¨ã«ã—ãŸã€‚exampleã¨awesome-reduxを眺ã‚ãŸã‚‰ã©ã‚Œã‚‚当ãŸã‚Šå‰ã®ã‚ˆã†ã«ES6ã§æ›¸ã‹ã‚Œã¦ã„ã¦ã€åˆã‚ã›ã¦å…¥é–€ã™ã‚‹ã“ã¨ã«ã—ãŸã€‚ Reduxæ¦‚è¦ ã¾ã ã‹ãªã‚Šç†è§£ãŒæ€ªã—ã„ã‚“ã ã‘ã©ã€ä»¥ä¸‹ã®å›³ãŒã‚¤ãƒ¡ãƒ¼ã‚¸ã—ã‚„ã™ã‹ã£ãŸã€‚ André Staltz - Unidirectional User Interface Architecturesより S
10å¹´ã®ãƒ„ケを支払ã£ãŸãƒ•ãƒãƒ³ãƒˆç•Œéšˆã«ãŠã‘ã‚‹JavaScript開発環境（2016å¹´4月ç¾åœ¨ï¼‰ã€‚ - 日々ã€ã¨ã‚“ã¯èªžã‚‹ã€‚
2015å¹´ã¯CSSãŒæ™®åŠã—ãŸä»¥æ¥ã¨ãªã‚‹10å¹´ã«1度ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰å¤§å¤‰é©æœŸã§ã€ãã‚Œã¾ã§ã®ãƒ„ケãŒä¸€æ°—ã«å›žã£ã¦ããŸã¨å€‹äººçš„ã«æ„Ÿã˜ã¦ã„ã¾ã—ãŸã€‚ç›®ã¾ãã‚‹ã—ã状æ³ãŒå¤‰åŒ–ã—ã¦ã„ãã¾ã—ãŸãŒã€2016å¹´ã«ãªã‚Šã€å€‹äººçš„ã«ã ã„ã¶è½ã¡ç€ã„ã¦ããŸã¨æ„Ÿã˜ã¦ã„ã‚‹ã®ã§ã€ã“ã“らã¸ã‚“ã§ã¾ã¨ã‚ã¦ãŠããŸã„æ€ã„ã¾ã™ã€‚ 最åˆã«çµè«–を書ã„ã¦ãŠãã¨ã€ 『React + Redux + react-router + material-ui + axios + ES2015 + Babel + webpack + ESLint + Airbnb JavaScript Style Guide〠ã¨ã„ã†çµ„ã¿åˆã‚ã›ãŒã€ã„ã¾åƒ•ã®æŽ¡ç”¨ã—ã¦ã„ã‚‹JavaScriptã®ç’°å¢ƒã§ã™ã€‚ 主è¦ãƒ©ã‚¤ãƒ–ラリ㯠React A JavaScript library for building user interfaces | React 去年ã€ä¸€æ°—ã«æ™®åŠã—ãŸReact
ã“ã‚Œã‹ã‚‰Reactを勉強ã™ã‚‹äººãŒæœ€åˆã«è¦‹ã‚‹ã¹ãスライド７é¸
React.js（以下ã€React）ã¯ã€FacebookãŒä½œã£ãŸJavaScriptã®ãƒ“ュー・ライブラリã§ã™ã€‚最近よã耳ã«ã™ã‚‹ã‘ã©ã‚ã¾ã‚Šç†è§£ã—ã¦ã„ãªã„ã¨ã„ã†äººã‚‚多ã„ã®ã§ã¯ãªã„ã§ã—ょã†ã‹ã€‚ ãã“ã§ä»Šå›žã¯ã€ 「Reactã£ã¦æœ€è¿‘よãèžãã‘ã©ä¸€ä½“何？〠「jQueryã¨ä½•ãŒé•ã†ã®ï¼Ÿã€ ã¨ã„ã£ãŸç–‘å•ã«ã“ãŸãˆã¦ãれるåˆå¿ƒè€…å‘ã‘ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’厳é¸ã—ã¦ç´¹ä»‹ã—ã¾ã™ã€‚JavaScriptã¯è‹¦æ‰‹ã ã‘ã©æ¦‚念ã ã‘ã¯ç†è§£ã—ãŸã„ã¨ã„ã£ãŸäººã®ãŸã‚ã«ã€ãªã‚‹ã¹ãã‚ã‹ã‚Šã‚„ã™ã„ã‚‚ã®ã‚’é¸ã‚“ã§ã„ã¾ã™ã€‚ ＊もã—ã€ã€Œã“ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚‚ãŠã™ã™ã‚ã€ã¨ã„ã†ã‚‚ã®ãŒã‚ã£ãŸã‚‰æ•™ãˆã¦ãã ã•ã„。 Reactã¨ã¯ï¼Ÿ ãªãœäººã¯å¿…æ»ã§jQueryã‚’æ¨ã¦ã‚ˆã†ã¨ã—ã¦ã„ã‚‹ã®ã‹ ãªãœjQueryã‚’æ¨ã¦ã€Reactを採用ã—よã†ã¨ã™ã‚‹ã®ã‹ã«ã¤ã„ã¦èª¬æ˜Žã—ã¦ãれるスライドã§ã™ã€‚ページé·ç§»ã®ãªã„シングルページアプリケーション（SPA）ã¸ã®éœ€è¦ãŒå¢—ãˆã¦ãã¦ã„ã‚‹ã¨ã„ã£ãŸæœ€è¿‘ã®ãƒˆãƒ¬ãƒ³ãƒ‰
ãªãœ React ã‹? サービスをæˆé•·ã•ã›ã‚‹ãŸã‚ã®æŠ€è¡“é¸æŠž | Wantedly Engineer Blog
Wantedlyã§ã¯ã€React + Reduxã‚’ä¸å¿ƒã¨ã—ãŸWebフãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®æŠ€è¡“スタックを導入ã—ã¾ã—ãŸã€‚モãƒã‚¤ãƒ«ç‰ˆã®ä¼šç¤¾ãƒ•ã‚£ãƒ¼ãƒ‰ã‚„ã€ã“ã®ãƒ–ãƒã‚°ã‚’書ã„ã¦ã„るエディタã€ä¼æ¥ãŒä½¿ã†å€™è£œè€…管ç†ã®ç”»é¢ãªã©ãŒã“ã®ã‚¹ã‚¿ãƒƒã‚¯ã§å®Ÿè£…ã•ã‚Œã¦ã„ã¾ã™ã€‚ å°Žå…¥ã—ãŸã‚¹ã‚¿ãƒƒã‚¯ã®è©³ç´°ã‚„å°Žå…¥ã®ç†ç”±ã€æ—¢å˜ã®Rails環境ã¸ã®å°Žå…¥æ–¹æ³•ã¯ä»¥å‰ç™ºè¡¨ã—ãŸä»¥ä¸‹ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’å‚ç…§ãã ã•ã„。 ã¾ãŸã€å…ˆæ—¥Wantedlyã«å°Žå…¥ã—ãŸæŠ€è¡“スタックを使ã£ãŸå‹‰å¼·ä¼šã‚’開催ã—ã¾ã—ãŸã€‚React + Reduxを使ã£ã¦å®Ÿéš›ã«ã‚¢ãƒ—リケーションを構築ã—ã¦ã„ã演習ã«ãªã£ã¦ã„ã¾ã™ã®ã§ã€ãœã²æ‰‹å…ƒã§å‹•ã‹ã—ã¦ã¿ã¦ãã ã•ã„。 React + Reduxを使ã£ãŸWebã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³é–‹ç™ºé€Ÿç¿’ä¼šï¼ Wantedly 今回ã¯ã“れらã®èƒŒæ™¯ã«ã‚ã‚‹"ãªãœReactã‹ï¼Ÿ"ã¨ã„ã†åˆ¤æ–ã®èƒŒæ™¯ã¨"ã©ã†æŠ€è¡“é¸æŠžã™ã‚‹ã‹ï¼Ÿ"ã¨ã„ã†è©±ã‚’書ããŸã„ã¨æ€ã„ã¾ã™ã€‚ JavaScript界隈ã®æµã‚Œã®æ—©ã•ãƒ•
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}