[B! react.js] mather314ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

mather314 id:mather314

react.jsã«é–¢ã™ã‚‹mather314ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (6)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ Webã®æ™‚ä»£ã«ElixirãŒæ¥ã‚‹ï¼Ÿ Qiitaé«˜æ©‹ä¾‘ä¹…æ°ãŒä»Šæ³¨ç›®ã™ã‚‹æŠ€è¡“é ˜åŸŸ - ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢type | è»¢è·type
æŠ€è¡“æƒ…å ±å…±æœ‰ã‚µã‚¤ãƒˆã€ŽQiitaã€ã¯ã€æ—¥æœ¬ã§åƒããƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ã«ã¨ã£ã¦ã„ã¾ã‚„ã€ãªãã¦ã¯ãªã‚‰ãªã„å˜åœ¨ã¨ãªã£ã¦ã„ã‚‹ã€‚ã¾ãŸã€ãƒãƒ¼ãƒ å†…ã®æƒ…å ±å…±æœ‰ã«ã€ŽQiita:Teamã€ã‚’åˆ©ç”¨ã—ã¦ã„ã‚‹ã¨ã„ã†å£°ã‚’èžãæ©Ÿä¼šã¯å¤šã„ã€‚ã“ã†ã—ãŸãƒ—ãƒãƒ€ã‚¯ãƒˆã‚’é€šã˜ã¦ã€ã€Œã‚½ãƒ•ãƒˆã‚¦ã‚¨ã‚¢é–‹ç™ºã‚’ã‚ˆã‚Šã‚ˆãã™ã‚‹ã“ã¨ã§ä¸–ç•Œã®é€²åŒ–ã‚’åŠ é€Ÿã•ã›ã‚‹ã€ã“ã¨ã‚’ç›®æŒ‡ã—ã¦ã„ã‚‹ã®ãŒIncrementsã ã€‚ æƒ…å ±æ„Ÿåº¦ã®é«˜ã„ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ã«å‘ã‘ãŸãƒ—ãƒãƒ€ã‚¯ãƒˆã®ä½œã‚Šæ‰‹ã¯ã€ãŠãã‚‰ãæƒ…å ±æ„Ÿåº¦ãŒé«˜ã„ã¯ãšã§ã‚ã‚‹ã€‚ã€ŽQiitaã€ã®ã€Œä¸ã®äººã€ã¯ä»Šã€ã©ã®ã‚ˆã†ãªæŠ€è¡“ã«æ³¨ç›®ã—ã€ã©ã†ã‚„ã£ã¦ãã‚Œã‚’èº«ã«ã¤ã‘ã¦ã„ã‚‹ã®ã‹ã€‚ åŒç¤¾CTOã®é«˜æ©‹ä¾‘ä¹…æ°ã«ã€ç¾åœ¨æ³¨ç›®ã—ã€ã‚¤ãƒ³ãƒ—ãƒƒãƒˆã—ã¦ã„ã‚‹æŠ€è¡“é ˜åŸŸã¨ã€å¦ã³ã®ã‚½ãƒ¼ã‚¹ã«ã¤ã„ã¦èžã„ãŸã€‚ é«˜æ©‹æ°ã¯ã€æ³¨ç›®ã—ã¦ã„ã‚‹æŠ€è¡“é ˜åŸŸã¨ã—ã¦æ¬¡ã®3ã¤ã‚’æŒ™ã’ãŸã€‚ ã€1ã€‘Railsã®èª²é¡Œã«å›žç”ã‚’ã‚‚ãŸã‚‰ã™Elixirã¨Phonenix Framework ã€2ã€‘Terraformã§ã‚¤ãƒ³ãƒ•ãƒ©ã‚’
mather314 2015/10/21
qiita

elixir

terraform

ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢

react.js
ãƒªãƒ³ã‚¯
Reduxã®ã‚µãƒ³ãƒ—ãƒ«ã«èª¬æ˜Žã‚’ã¤ã‘ã¦ã¿ãŸ - ã‚«ã‚¤ãƒ¯ãƒ¬ã®å¤§å†’é™º Second
æœ€è¿‘React, fluxã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã«è§¦ã‚Œã‚‹ã“ã¨ãŒã‚ã‚Šã€ç†è§£ã«ã‹ãªã‚Šè‹¦ã—ã‚“ã ã®ã§ã€è»½ãæ–‡å—ã«ã—ã¦ã€ç†è§£ã‚’æ·±ã‚ã¦ã¿ã¾ã—ãŸã€‚ ä»Šå›žä½¿ã£ãŸãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¯Reduxãªã®ã§ã€ãã‚Œä»¥å¤–å¦ã³ãŸã„äººã¯ã”ã‚ã‚“ãªã•ã„ã€‚ ãƒ¬ãƒã‚¸ãƒˆãƒªã¯ã“ã¡ã‚‰ã€‚ https://github.com/masudaK/flux_sample ã“ã‚Œã‹ã‚‰å¦ã¶ã¨ã„ã†äººã¯ã€redux/counter_webpacké…ä¸‹ã®ã‚³ãƒ¼ãƒ‰è¦‹ã‚Œã°ååˆ†ã ã¨æ€ã„ã¾ã™ã€‚è¦‹æ–¹ã¯READMEã«æ›¸ã„ã¦ãŠã„ãŸã®ã§ã€ãœã²èªã‚“ã§ãã ã•ã„ã€‚ webpackãƒ“ãƒ«ãƒ‰ç‰ˆä»¥å¤–ã«ã‚‚ã€browserifyç‰ˆã‚‚ç½®ã„ã¦ã‚ã‚Šã¾ã™ã€‚ã¾ãŸã€webpackã®ã»ã†ã«ã¯AJAXã§é€šä¿¡ã™ã‚‹å‡¦ç†ã‚‚è¿½åŠ ã—ã¦ã‚ã‚Šã¾ã™ã€‚ è§¦ã£ã¦ã¿ãŸæ„Ÿæƒ³ æ˜”HTMLã‚„CSSã¯ã‚„ã£ã¦ãŸã—ã€nodeã‚‚å¤šå°‘ã¯èªã‚“ã§ã„ãŸã®ã§ã€ã¡ã‚‡ã£ã¨å‹‰å¼·ã™ã‚Œã°ã§ãã‚‹ã ã‚ã†ã¨æ€ã„ã¾ã—ãŸãŒã€ç”˜ã‹ã£ãŸã§ã™ã€‚ã‹ãªã‚Šã‚ãƒ„ã‹ã£ãŸã€‚ã©ã†ã‚‚ã€fluxã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒ
mather314 2015/08/03
ã‚ã¨ã§èªã‚€

react.js

flux

Redux
ãƒªãƒ³ã‚¯
React Native ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆã‚¤ãƒ³ãƒ—ãƒ¬ãƒƒã‚·ãƒ§ãƒ³ - Qiita
React Native æ¦‚è¦ React.js ã¨ã ã„ãŸã„åŒã˜ä½œæ³•ã§ã€JavaScript ã§æ›¸ã„ãŸã‚³ãƒ¼ãƒ‰ãŒ iOS ãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªã¨ã—ã¦ä¸€å¿œå‹•ãã€‚ãã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨é–‹ç™ºç’°å¢ƒã‚’æä¾›ã™ã‚‹ã€‚ React.js ã¨åŒã˜ React ã‚’è¬³ã£ã¦ã„ã‚‹ã¨ãŠã‚Šã€JSX ã§ UI ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’å®šç¾©ã™ã‚‹ã¨ã‹ã€Props ã‚„ State ã§ View ã®ãƒ‡ãƒ¼ã‚¿ãƒ•ãƒãƒ¼ã‚’æ•´ãˆã‚‹ã¨ã‹ã€setState() ã«ã‚ˆã‚‹ãƒ‡ãƒ¼ã‚¿ãƒã‚¤ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ã¨ã‹ã€è«¸ã€…ãŒä¸€ç·’ã€‚å¾“ã£ã¦ React.js ã§ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã£ãŸã“ã¨ãŒã‚ã‚Œã°ã€å¦ç¿’ã‚³ã‚¹ãƒˆã‚’ã»ã¨ã‚“ã©ã‹ã‘ãšã«ã‚¢ãƒ—ãƒªãŒä½œã‚Œã‚‹ï½¥ï½¥ï½¥ã‹ã‚‚ ä¾‹ãˆã°ä»¥ä¸‹ã®ã‚ˆã†ã«ã€å…¥åŠ›å€¤ã‚’ãã®ã¾ã¾ç”»é¢ã«ã‚¨ã‚³ãƒ¼ã™ã‚‹ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã€‚ ã“ã‚Œã¯ã“ã‚“ãªæ„Ÿã˜ã®ã‚³ãƒ¼ãƒ‰ã«ãªã‚‹ã€‚ var React = require('react-native'); var { AppRegistry, StyleSheet, T
mather314 2015/03/28
ReactNative

react.js
ãƒªãƒ³ã‚¯
Takeaways from React.js Conf 2015
tl;dr React.js is rapidly being adopted and used by major players in the industry. NetFlix, Codecademy, Thinkmill, Bolster, Instructure, Inc and many more are using React, React + Flux or React and a twist on the idea of Flux in their projects and products to improve overall quality of code. React Native - This is game changing! Introduced in the React.js Conf 2015 Keynote - Introducing React Nati
mather314 2015/02/05
react.js
ãƒªãƒ³ã‚¯
React Native â€” write native apps with React.js - /dev/zine
At React.js Conf 2015 Facebook announced React Native â€” a way to write native iOS and Android applications with JavaScript using the familiar React.js. What is React Native React Native is a way to build native apps in JavaScript using React.js for user interface. It doesn't use DOM for rendering, instead, it renders with native UI views. You write normal React components, but instead of using low
mather314 2015/01/30
ã‚ã¨ã§èªã‚€

react.js
ãƒªãƒ³ã‚¯
React JS and why it's awesome
This document provides an overview of React, including initial reactions to it, fundamental concepts like components and one-way data flow, and how the virtual DOM works. Some key points covered include: - Initial reactions to React were mixed, with some finding it "ugly" but others seeing benefits like separation of concerns with components. - Everything in React is a component, with data flowing
mather314 2014/10/31
react.js

JavaScript
ãƒªãƒ³ã‚¯
1