Airbnb Engineering & Data ScienceAirbnb.io MobileOpen SourceEventsBlogGithubCareersAirbnb.io Enzyme has moved. Redirecting now to enzymejs.github.io...
å†åˆ©ç”¨å¯èƒ½ãªã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã¯ã‚¢ãƒ³ãƒãƒ‘ターン - ã‚¸ãƒ³ã‚¸ãƒ£ãƒ¼ç ”ç©¶å®¤
言ã„ãŸã„ã“㨠Webフãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ç•Œéšˆã§ã€Œã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã€ã¨ã„ã†è¨€è‘‰ãŒè”“延ã—ã¦ã„ã¦ã€ã€Œå†åˆ©ç”¨å¯èƒ½ã«ãªã‚‹ã‚ˆã†ã«è¨è¨ˆã™ã¹ãã ã€ã¨ã„ã†è«–調ãŒã‚ã‚‹ãŒã€å®Ÿéš›ã«ã¯æœ¬å½“ã«å†åˆ©ç”¨å¯èƒ½ã§ã‚ã‚‹å¿…è¦æ€§ãŒã‚ã‚‹ã¾ã§ã€æ¥µåŠ›è€ƒãˆãªã„ã»ã†ãŒè‰¯ã„。YAGNIã¨ã‚‚言ã†ã€‚ 以下ã€ç¾æ™‚点ã§ã®è€ƒãˆã€‚ ビューã®éšŽå±¤åŒ–自体ã¯OK ã“ã“ã¯Reactã®æ©æµã¨è¨€ã£ã¦ã‚‚良ã„æ°—ãŒã—ã¦ã„ã¦ã€ãã‚Œã¾ã§ã‚ã‚“ã¾ã‚Šæ˜Žè¨€ã•ã‚Œã¦æ¥ãªã‹ã£ãŸã€Œãƒ“ューã®éšŽå±¤åŒ–ã€ã«ã¤ã„ã¦å…¬å¼ã§èª¬æ˜Žã—ã¦ã„る点ãŒã¨ã¦ã‚‚良ãã¦ã€é–‹ç™ºè€…全員ãŒãƒ“ューã¯ãƒ„リーã«ãªã£ã¦ã‚‹ã‚ˆãã¨ã„ã†ãƒžã‚¤ãƒ³ãƒ‰ã§çµ±ä¸€ã§ããŸåŠŸç¸¾ã¯å¤§ãã„ã¨æ€ã†ã€‚ å†åˆ©ç”¨å¯èƒ½ãªã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆ ビューã¯ãƒ„リーã§ã„ã„ã‚“ã ã‘ã©ã€ãれをコンãƒãƒ¼ãƒãƒ³ãƒˆã¨å‘¼ã‚“ã§ã„ã‚‹ã®ã§ãªã‚“ã¨ãªãDatePickerã¨ã‹TextEditorã¿ãŸã„ãªæ±Žç”¨çš„ãªã‚‚ã®ã‚’想åƒã—ã¦ã€ã€Œã‚¢ãƒ—リケーションã®äº‹æƒ…を知ã£ã¦ã„ã¦ã¯ã„ã‘ãªã„ã€ã¨ã„ã†æ°—æŒã¡ã«ãªã£ã¦ç–Žçµåˆã«ä½œã‚ŠãŸããªã£ã¦ã—ã¾ã†ã€‚
react-monocle
react-monocle **React Monocle** is a developer tool for generating visual representations of your React app's component hierarchy. How It Works React Monocle parses through your React source files to generate a visual tree graph representing your React component hierarchy. The tree is then displayed along with a live copy of your application. This is done by using your un-minified bundle file to i
Reactコンãƒãƒ¼ãƒãƒ³ãƒˆã‚’npmパッケージã¨ã—ã¦é–‹ç™ºã™ã‚‹ - Hatena Developer Blog
ã“ã‚“ã«ã¡ã¯ï¼ãƒ–ãƒã‚°ãƒãƒ¼ãƒ ã® id:amagitakayosi ã§ã™ã€‚ 今回ã¯ã€æ¥å‹™ã§æ›¸ã„ãŸå°ã•ãªReactコンãƒãƒ¼ãƒãƒ³ãƒˆã‚’npmパッケージã¨ã—ã¦åˆ†é›¢ã—ãŸè©±ã‚’ã—ã¾ã™ã€‚ 今回公開ã™ã‚‹ãƒ‘ッケージ å®Ÿè£…æ–¹é‡ ãªãœnpmパッケージã«ã™ã‚‹ã®ã‹ ä»–ã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®å½±éŸ¿ã§å£Šã‚Œã‚‹ã“ã¨ã‚’防ã’ã‚‹ アドホックãªä¿®æ£ã®ç©ã¿é‡ãã§è¤‡é›‘ã«ãªã‚‹ã“ã¨ã‚’防ã’ã‚‹ 本体プãƒã‚¸ã‚§ã‚¯ãƒˆã®ã‚³ãƒ¼ãƒ‰ã‚’削減ã§ãã‚‹ デメリット Babelãªãƒ‘ッケージã®ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªæ§‹æˆ 実装 npmã®æ³¨æ„点 reactã¯peerDependenciesã«å…¥ã‚Œã‚‹ npm link を用ã„ã¦ãƒãƒ¼ã‚«ãƒ«é–‹ç™ºã™ã‚‹å ´åˆã€npmã¯peerDependenciesを解決ã§ããªã„ browserify-shimを利用ã™ã‚‹å ´åˆ npm publish 次回予告 追記 今回公開ã™ã‚‹ãƒ‘ッケージ www.npmjs.com 今回ã¯ã€Œç„¡é™ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã€ã®ãŸã‚ã®Reactコンãƒãƒ¼ãƒãƒ³ãƒˆã‚’作
Jest
Jest is a delightful JavaScript Testing Framework with a focus on simplicity.
Test Utilities – React
import ReactTestUtils from 'react-dom/test-utils'; // ES6 var ReactTestUtils = require('react-dom/test-utils'); // ES5 with npm Overview ReactTestUtils makes it easy to test React components in the testing framework of your choice. At Facebook we use Jest for painless JavaScript testing. Learn how to get started with Jest through the Jest website’s React Tutorial. Note: We recommend using React Te
GitHub - iamdustan/react-hardware: A React renderer for Hardware.
React Hardware enables you to build firmata-based hardware applications using a consistent developer experience based on JavaScript and React. The focus of React Hardware is on developer efficiency across all the platforms you care about - learn once, write anywhere. React Hardware is a IoT and Robotics programming framework developed by Dustan Kasten. Being based on firmata, it is capable of prov
Babelã§æ›¸ã„ãŸReactã®JSXãŒNo Display Nameã«ãªã‚‹ - ã¯ã‚‰ã¸ã‚Šæ—¥è¨˜
å›°ã£ãŸã“㨠最近今更ãªãŒã‚‰React.jsを書ã„ã¦ã„ã‚‹ã®ã ãŒãã®éš›ã«å›°ã£ãŸã“ã¨ã«ã¤ã„ã¦æ›¸ã。 コンパイルã«ã¯Gulpを使ã†å‰æã§ã™ã€‚環境ã¨ã—ã¦ã¯ä»¥ä¸‹ã®ã¨ãŠã‚Š React.js v0.14 babelify v7.2.0 å•é¡Œ Gulpã§ES2015ã§æ›¸ã„ãŸjsxファイルをコンパイルをã™ã‚‹ã¨å„コンãƒãƒ¼ãƒãƒ³ãƒˆãŒ<No Display Name>ã¨ãªã£ã¦ã—ã¾ã£ãŸã€‚ Chromeæ‹¡å¼µã®React用デベãƒãƒƒãƒ‘ーコンソールã§è¦‹ã¦ã¿ã‚‹ã¨ä»¥ä¸‹ã®ã¨ãŠã‚Šã€‚ Babel5ç³»ã®babelifyを使ã£ã¦ã„ã‚‹ã¨ãã¯ã“ã†ãªã‚‰ãªã‹ã£ãŸã®ã§ã€ãã“らã¸ã‚“ãŒåŽŸå› ã£ã½ã„。 調ã¹ã¦ã¿ã‚‹ ã„ã‚ã„ã‚調ã¹ã‚‹ã¨Babel6ç³»ã«ã‚ãŒã£ã¦ã„ã‚ã„ã‚パッケージãŒåˆ†ã‹ã‚ŒãŸã£ã½ã„。 Babel: Plugins ãªã®ã§ä¸‹è¨˜ã®ã‚ˆã†ãªgulpfileã¯ãã‚‚ãã‚‚å‹•ã‹ãªããªã£ã¦ã—ã¾ã£ãŸã€‚ // å‰å¾Œçœç•¥ import browserify from 'bro
Reapp
React UI Kit A set of components for beautiful interfaces on any platform. Optimized for mobile and fully customizable. Packages Everything you need to build apps from day one, from animations to routing, requests to data management. import Component from .css'reapp-component'; import Request from .css'reapp-request'; import reducer from .css'reapp-reducer'; import UI from 'reapp-ui';
Kobito for Windows をリリース + 技術的ãªè£œè¶³, package.json ã®å…¬é–‹ - Qiita Blog
Kobito for Windows をリリース + 技術的ãªè£œè¶³, package.json ã®å…¬é–‹ Kobito for Windows開発㮠@mizchi ã§ã™ã€‚ 開発開始ã‹ã‚‰ç´„åŠå¹´ã€ã‚½ãƒä½œæ¥ã®æœŸé–“ã‚‚é•·ã‹ã£ãŸã®ã§ã™ãŒã€ã‚ˆã†ã‚„ãリリースã§ãã¾ã—ãŸã€‚ Kobito for Windows – ソフトウェア開発者ã®ãŸã‚ã®Markdownã«ã‚ˆã‚‹æƒ…å ±è¨˜éŒ²ãƒ»å…±æœ‰ã‚½ãƒ•ãƒˆ ã¨ã„ã†ã‚ã‘ã§ã€ä»Šæ—¥ã¯Kobito for Windowsã®é–‹ç™ºã‚³ãƒ³ã‚»ãƒ—トã¨Electronã‚„Reactを採用ã—ãŸç†ç”±ã«ã¤ã„ã¦æ›¸ã„ã¦ã„ã“ã†ã¨æ€ã„ã¾ã™ã€‚Rails界隈ã§ã¯Gemfileを公開ã™ã‚‹æ–‡åŒ–ãŒã‚るよã†ã§ã™ãŒã€ä»Šå›žã¯node.js / npmã®ãã‚Œã§ã‚ã‚‹package.jsonを公開ã—ã¾ã™ã€‚ Kobito on Electronã®é–‹ç™ºã‚³ãƒ³ã‚»ãƒ—トWeb技術ã§Kobitoを実装ã—ã¦Win/Macã§ã‚½ãƒ¼ã‚¹ã‚’一本化既å˜ã®Kobitoã®
React.js + CSS - Qiita
React.jsã®é–‹ç™ºè€…ã§ã‚ã‚‹vjeuxãŒã€ŒReact:CSS in JSã€ã¨ã„ã†ã‚¿ã‚¤ãƒˆãƒ«ã§Talkã‚’ã—ã¦ã„ã¦ã€ãã®å†…容ãŒãªã‹ãªã‹èˆˆå‘³æ·±ã„ã‚‚ã®ã§React.jsã«ã‚‚関係ã™ã‚‹ã‚‚ã®ãªã®ã§ç´¹ä»‹ã—ã¦ãŠããŸã„ã¨æ€ã„ã¾ã™ã€‚ ã¾ãŸã€ã“ã®ã‚¢ãƒ—ãƒãƒ¼ãƒã«ã¤ã„ã¦ã¯åŒã˜ãReact.jsã®é–‹ç™ºè€…ã§ã‚ã‚‹zpaoã«ã‚ˆã‚‹ã€ŒReact Through the Agesã€ã¨ã„ã†Talkã§ã‚‚言åŠã•ã‚Œã¦ã„ã¾ã™ã€‚ CSSをスケールã•ã›ã‚‹æ™‚ã«å•é¡Œã«ãªã‚‹ç‚¹ Global Namespace Dependencies Dead Code Elimination Minification Sharing Constantsn Non-deterministic Resolution Isolation ã“ã“ã§ã„ã†ã‚¹ã‚±ãƒ¼ãƒ«ã•ã›ã‚‹ã¨ã„ã†ã®ã¯ã€Facebookãらã„ã®è¦æ¨¡ã®ã“ã¨ã ã¨æ€ã„ã¾ã™ã€‚ Global Namespace ãã®ã¾ã¾ã§ã™ãŒã€
React.js meetup #1 を開催ã—ã¾ã—ãŸ
http://reactjs-meetup.connpass.com/event/11232/ 一人Advent Calendar書ã„ãŸæ™‚ã«ã‚„ã‚ŠãŸã„ã¨è¨€ã£ã¦ã„ãŸã®ã§React.js meetup #1 ã‚’@yosuke_furukawaã•ã‚“ã¨é–‹å‚¬ã—ã¾ã—ãŸã€‚ DeNAã•ã‚“ãŒä¼šå ´ã‹ã‚‰æ‡‡è¦ªä¼šã®ãŠé…’や寿å¸ã€å½“æ—¥ã®é‹å–¶ã¾ã§å…¨ã¦ã‚„ã£ã¦ãã ã•ã£ãŸã®ã§è‡ªåˆ†ã¯ã»ã¨ã‚“ã©ä½•ã‚‚ã—ã¦ãªã„ã§ã™ãŒ..。 本当ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸï¼ï¼ ã‚„ã‚ŠãŸã„ã£ã¦è¨€ã£ã¦ã“ã®è¦æ¨¡ã®å‹‰å¼·ä¼šã‚’開催ã•ã›ã¦ã‚‚らãˆã‚‹ã®æœ¬å½“ã«ã‚¹ã‚´ã„ãªãã¨æ€ã„ã¾ã™...。 #reactjs_meetup #react_sushi ã§ã™ pic.twitter.com/GdpyF7Paqk — Toru Kobayashi (@koba04) April 24, 2015 ã‚る程度予想ã¯ã—ã¦ã„ãŸã®ã§ã™ãŒã€TalkãŒ10分ã¨çŸã‹ã£ãŸã‚Šã§æŠ¼ã—ã¦æ…ŒãŸã ã—ã„æ„Ÿã˜ã«ãªã£ã¦ã—ã¾
GitHub - jsdf/coffee-reactify: DEPRECATED – browserify transform to compile coffeescript + react jsx (cjsx)
This tool is no longer maintained. If you need to transition your codebase from it, a codemod is available to do so: cjsx-codemod This project started as a way for me to explore how JSX could fit into Coffeescript syntax, as a quickly hacked together prototype. While I never really promoted it, it quickly took on a life of its own, and before long people were asking for it to support all kinds of
grunt-coffee-react
grunt-coffee-react STATUS: DEPRECATED This tool is no longer maintained. If you need to transition your codebase from it, a codemod is available to do so: cjsx-codemod This project started as a way for me to explore how JSX could fit into Coffeescript syntax, as a quickly hacked together prototype. While I never really promoted it, it quickly took on a life of its own, and before long people were
GitHub - jsdf/coffee-react: DEPRECATED – Unfancy JavaScript with React JSX markup
This tool is no longer maintained. If you need to transition your codebase from it, a codemod is available to do so: cjsx-codemod. You can also use CoffeeScript 2, which has JSX built in. This project started as a way for me to explore how JSX could fit into Coffeescript syntax, as a quickly hacked together prototype. While I never really promoted it, it quickly took on a life of its own, and befo
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
react-query
react-highlight.js
react-highlight.js
zippyui/react-color-picker · GitHub
Reactã¨Fluxã®ã“㨠// Speaker Deck
{{#tags}}- {{label}}
{{/tags}}