ãªãŒãã³ãœãŒã¹ã«åãçµãã§ãããã¹ãŠã®Facebookãšã³ãžãã¢ã«ã
æšå¹Žãšåæ§ã«ã Reactifluxã¯ã2017幎ã®ãå°œåã«æè¬ããããŸããä»å¹ŽããŸã倧ããªå¹Žã«ãªããŸããã 9æã«React16ããªãªãŒã¹ãããåŸãReact Nativeã¯v0.41ããv0.51ã«ç§»è¡ããç¡æ°ã®ãã°ãä¿®æ£ããŠæ°æ©èœãè¿œå ããŸãããä»å¹Žã¯Jestã20以äžãªãªãŒã¹ãããYarn1.0ãšRelayModernããªãªãŒã¹ãããæ°ãããšã³ãžãã¢ãå ãããŸããã ïŒã¡ãã£ãš@calebmer ã @ TheSavior ã@ axemclionïŒãããŠããã€ãã¯å ã«é²ã¿ãŸããïŒ@mkonicekãæããã§ãïŒããããŠããã¯2017幎ã®ã»ãã®å°ããªã¹ãããã·ã§ããã§ãã
çããã®äœäººããšè©±ããããšãä»å¹Žã®ã©ã€ã»ã³ã¹åé¡ãžã®å¯ŸåŠã¯éåžžã«å°é£ã§èç«ãããããšã§ããããçããã¯ç¹°ãè¿ããé©æ°ãç¶ããªããããã®ãããªæçããè¬èãªæ¹æ³ã§ç¶æ³ã«å¯ŸåŠããŸããã ããããšãïŒ ç¹ã«ãã®ç« ãããããéããããä»ãããªããæå ã®ä»äºã«éäžãç¶ããããšãã§ããããšããšãŠãããããæããŸãã
Guillermo Rauchã¯æè¿ãã2017幎ã®ç· ãããããšããŠãReactã¯éåžžã«åªããã¢ã€ãã¢ã§ãããæ®ãã®10幎éã¯ââãã®åœ±é¿ãšã¢ããªã±ãŒã·ã§ã³ãæ¢æ±ãç¶ãããšä¿¡ããŠããŸãããšãã€ãŒãããŸããã ç§ãã¡ã¯ãã®ææ ãåæ ãã2017幎ã®ç· ãããããšããŠãçããããªãŒãã³ãœãŒã¹ã®ç²Ÿç¥ãããã®ãããªè¬èãã䜿çšäººã®ãªãŒããŒã·ããããããŠã³ãã¥ããã£äž»å°ã®é²æ©ãžã®çã®çŠç¹ã§äœçŸããŠããããšããããŸã§ä»¥äžã«ä¿¡ããŠããŸãã ãããã®è³è³ªãç§ãã¡ã®ã³ãã¥ããã£ã®äžå¿ã«ããããšãæè¬ããŸãã AMAã«ãåå ããã ããTwitterã§è³ªåã«ãçãããã ããèª ã«ããããšãããããŸãã åé¡ã«å¯Ÿå¿ããPRãçµ±åããããã«è²»ããããã¹ãŠã®æéã ä»å¹Žãããã€ãã®ããã«ãäžãè¶ ããŠè¡ã£ãŠãããŠããããšãã
Reactã³ãã¥ããã£ãæåŸ ããŠãFacebookã®ããŒã ãžã®ç¬èªã®ãããããšããã³ã¡ã³ãããã®ã¹ã¬ããã«è¿ä¿¡ããŠãã ããã ç§ãã¡ãã©ãã»ã©æè¬ããŠãããã圌ãã«èŠããŸãããïŒ ããŒã ã§ã®çµéšããReactãšã³ã·ã¹ãã ãéçºè ãšããŠã©ã®ããã«åœ¹ç«ã£ãããèªç±ã«å«ããŠãã ããã
å¿ããã
Reactifluxã³ãã¥ããã£ã代衚ããŠïŒ
@gabegreenberg
@markerikson
@KyleAMathews
@taion
@jquense
@vcarl
@benigeri
@Phoenixmatrix
@BTMPL
@kyleshevlin
@slightlytyler
@totaldis
ããããšãïŒ ReactããŒã ã ãã§ãªãããã¹ãŠã®ãªãŒãã³ãœãŒã¹è²¢ç®è ã«ã ðð
æ¬åœã«ããããšãã çãããçŽ æŽãããããšãç¶ããŠãã ããã
çããã®æžåœãªåªåã®ãããã§ã仲éãã¡ãããªãã¯ç§ã®äººçããšãŠã楜ã«ããŠãããŸãã ð
ããããšãïŒ Reactã¯ç§ãæåã«èŠãJavaScriptãã¬ãŒã ã¯ãŒã¯ã®1ã€ã§ããïŒ ããã¯ä¿¡ããããªãã»ã©åœ¹ã«ç«ã¡ãç§ã«åŠã°ããŠãããŸããã å¹³éãä¿ã€ ïŒïŒ
ããããšãïŒïŒ è¯ãä»äºãç¶ããŠãã ããïŒ ðððð
çãããããããšãããããŸããã ããªãã¯ç§ãåå ã§ããŠããããã³ãã¥ããã£ãè²ãŠãŠããŸããã ããã°ãç¶ããïŒ
æ¬åœã«ããããšãããããŸãã
ã€ããŠãã ïŒïŒ
é 匵ã£ãŠãããŠããããšãïŒ ããã°ãç¶ããïŒ
ããããšã ïŒïŒ
ããããšãããããŠãããç¶ããŠãã ããïŒ
ãã©ã³ã¹ã®ITåŠçãšããŠãPHP以å€ã®ããšãåŠã¶ããšã¯çŽ æŽãããã£ãã§ãã ãããŠããã¯ç§ãéçºè
ãšããŠããå°ãæé·ããããšãå¯èœã«ããŸããã ç§ã¯ããã§äœãäœããã«ã€ããŠèªåèªèº«ã®ã¢ã€ãã¢ããæã£ãŠããŸãïŒ
ððð
ããããšãïŒ UIããã°ã©ãã³ã°ãšãªãŒãã³ãœãŒã¹ã®è¡šç€ºæ¹æ³ãå€æŽããŸãã<3
FacebookããªãŒãã³ãœãŒã¹ã§æžåœã«åããŠããããšããã£ãŠãç§ã¯äŒç€Ÿãå§ããŠããŸãã ããããšãïŒ
const ThankYou = () => (
<Reply>
<Text>Thanks a lot, React team!</Text>
<Emoji name="heart"/>
</Reply>
);
const issue = await GitHub.getIssue('facebook/react', 11940);
IssueDOM.render(<ThankYou/>, issue);
ãããããé¡ãããŸãïŒ
ã©ããããããšãããããŸããïŒ Reactã¯ç§ã«ãŠã§ãäžã§æé«ã®ãŠã§ãã¢ããªãæ§ç¯ããèœåãæäŸããŠãããŸããïŒ ç«ã¡æ¢ãŸããªïŒ
ããªãããããã¹ãŠã«æè¬ããŸãããããç¶ããŠãã ããïŒD
ããããšãïŒ Reactã¯å€§æåãåããŠããŸãïŒ
ã©ããããããšãããããŸãããreactnativeã䜿çšã§ããŠãšãŠãå æ ã§ãã
ReactãçŽ æŽããããã®ã«ããããã«ããªããè²»ããããã¹ãŠã®åªåã«æè¬ããŸãïŒ
ããããã®äœåãããããšãããããŸããã
ããããšãð
ã©ããããããšãããããŸããïŒ
FBãšãã®ãšã³ãžãã¢ãReactãšãšã³ã·ã¹ãã ã«æè³ããŠãããããšã«æè¬ããŸãã ãšã³ã·ã¹ãã ã§ãããžã§ã¯ãã«è²¢ç®/ç¶æããŠããããã¹ãŠã®äººã«æè¬ããŸãïŒ ãªãŒãã³ãœãŒã¹ã¯éåžžã«å°é£/ã¹ãã¬ã¹/æéããããããšãçŽæ¥ã®çµéšããç解ããŠããã®ã§ã圌ãããã£ãŠããããšãžã®æ ç±ãç¶æããåªåãç¶ããŠãã人ã ã«æ·±ãæè¬ããŠããŸãã
ã¿ããªããããšããç§ã¯reactãåããŠã§ãããããã¯ç§ãæ°ãããã®ãäœãã®ã«å€§ãã«åœ¹ç«ã€ãšããªãã«èšãããšãã§ããŸã:)
â€ïžReactãªããžããªãšããã¥ã¡ã³ãã¯ã2017幎ã«éåžžã«å€ãã®å€§ããªæ¹åãèŠãããŸãããFacebookã®ããŒã ãšä»å¹Žè²¢ç®ããŠãããä»ã®ãã¹ãŠã®äººã«æè¬ããŸãã楜ããã£ãã§ãïŒ 2018幎ã®ããã«çŽ æŽãããä»äºã¯æ¬¡ã®ãšããã§ãïŒclinking_glassesïŒ
â€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€ïžâ€Ð
ã©ããããããšãïŒ ã¿ãªãããæããŸããŠããã§ãšãããããŸãïŒ
ããããšãïŒ ð
ããããšãïŒ <3
ããªãèªèº«ã®ãããªçŽ æŽãããéçºè ã«ãã£ãŠæ§ç¯ãããçŽ æŽããããªãŒãã³ãœãŒã¹ãããžã§ã¯ãããªããã°ãç§ãã¡ã®å€ãã¯ããããç§ãã¡ã®ä»äºããæã£ãŠããªãã£ãã§ãããã
FacebookããŒã ã®çãããããããšãâ€ïž
Uã¯ç§ã®äººçãå€ããŸãã!!! ã©ããããããšã
ã©ããªã¢ã¯ã
ããããšãïŒ
ãããŸããŠããã§ãšã
'react'ããReactãã€ã³ããŒãããŸãã
'react-dom'ããReactDOMãã€ã³ããŒãããŸãã
const thankYouMessage = ['Thank'ã'you'ã'for'ã'all'ã'the'ã'effort'ã'you'ã'have'ã'put'ã'into'ã'making'ã'React 'ã 'é©ãã°ãã'];
thankYouMessage.mapïŒmessage =>ïŒ;
constã¡ãã»ãŒãž=ïŒã¡ãã»ãŒãžïŒ=> {
{ã¡ãã»ãŒãž}
}
ReactDOM.renderïŒ
ããããšã ïŒ*
ããããšãïŒ
ç§ã¯éå»ã«å€ãã®ãã¬ãŒã ã¯ãŒã¯ãšã©ã€ãã©ãªã䜿çšããŸããã èããšãã¶ã€ã³ãåå¿ããŠãããŠæ¬åœã«æè¬ããŠããŸãïŒ ç§ã¯ãã®ããŒã«ã䜿ãã®ã倧奜ãã§ãåªããJavaScriptãã¶ã€ã³ã¹ãã«ãæããã®ã«æé©ã ãšæããŸãã
ããããšãïŒ
ãŠã§ãéçºã®äžçãããè¯ãå Žæã«ããŠãããŠããããšãïŒ
ããããšãïŒ ãŠã§ã/ãã€ãã£ãéçºããã®ãããªåã³ã«ããããã«ïŒ â€ïž
çŽ æŽãããä»äºïŒ 2018幎ã«Reactãç»å Žããã®ãåŸ ã¡ãããŸããïŒ
Reactã§ãããã®çŽ æŽãããã©ã€ãã©ãªã«ããããã®æãšåªåã泚ãã§ãããŠããããšãïŒ æããŸããŠããã§ãšãããããŸãïŒ
ð
ãŠã§ããšã¢ãã€ã«ã®éçºããã£ãšæ¥œããããŠãããããŒã ã«æè¬ããŸãïŒ <3
ReactããŒã ãšããã«è²¢ç®ããŠãããéçºè ã«æè¬ããŸãïŒ ð¯
ã¢ãããã£ããã¥ãŒç®¡çã®ããã®æé«ã®ããã³ããšã³ããœãªã¥ãŒã·ã§ã³ãäœæããŠãããŠããããšãïŒ
å·ããããªãŸãŸïŒ
åå¿ã«ããçŽ æŽãããéçºã®å¹Žã«æè¬ããŸãïŒ ä»¥éð
ããããšãïŒ ð
ã©ããããããšãããããŸããã ãªãŒãã³ãœãŒã¹ã«æéãå²ããŠããã人ã ã«ãšãŠãæè¬ããŠããŸãã æ°å¹Žã«å€§æåïŒ
ã¿ããªããããšãããã³ããããšãïŒ
åãã¡ããããšãïŒ ããªãã®äœåã¯å°è±¡çã§ã
ã³ãã¥ããã£ããµããŒãããããã®Thxã
ããããšãããŒã ïŒ Reactã1幎以äžäœ¿çšããŠãããçŸåšã¯åžžã«æ¯æ¥ä»äºãããŠãããReactã¢ããªå°çšã®ä»äºã«å°±ããŠããŸãã ä»åŸã®å±éã楜ãã¿ã«ããŠããŸãïŒ
çãããããããšãïŒ ãããããããçµæãåºãç¶ããŠãã ããïŒ
ããããšãðâ€ïž
çŽ æŽãããä»äºãç¶ããŠãããŠããããšãâ€ïž
éã®æã¡ã©ããã®ãªã16.0.0ãªãªãŒã¹ãšMITã®äžã§Reactã®åã©ã€ã»ã³ã¹ã決å®ããŠãããŠããããšãã ç§ã¯ReactãReact-DOMãImmutable.jsãããã³Jestãæ¥åžžçã«äœ¿çšããŠããããããã«ãã£ãŠãªãŒãã³ãœãŒã¹äœæ¥ãå¯èœã«ãªããŸãã ð
æŠè»åãã¡ïŒ <3
ãã¹ãŠã®äœæ¥ã«æè¬ããŸãïŒ Reactã®æªæ¥ã楜ãã¿ã«ããŠããŸãïŒ
ãããå¯èœã«ããŠããããã¹ãŠã®ã¡ã³ãããšè²¢ç®è ã«æè¬ããŸãïŒ
ãã¹ãŠã®ãªãŒãã³ãœãŒã¹ã®è²¢ç®è ã«æè¬ããŸãïŒ ðâ€ïž
ããããšãïŒ
ç§ãã¡ã®ãŠã§ãéçºäœéšããšãŠã楜ãããã®ã«ããããã«å€§å€ãªåªåãããŠãããŠããããšãïŒ
è¯ãä»äºãç¶ããŠãã ããïŒ
åãã¡ããããšãïŒ ããã°ãç¶ãã ïŒïŒ
ããããšãïŒ ãããŠãçŽ æŽãããä»äºãç¶ããŠãã ããïŒ
Reactã¯éåžžã«çŽ æŽãããããã®è±å¯ãªãšã³ã·ã¹ãã ã«ãããReactã§éçºããã®ã¯ç°¡åã§ãã ããã¯ãã¡ã€ã«ãåããYarnã¯ãããŒãå šäœã§åãããã±ãŒãžãä¿èšŒããŸãããnpm 5ã¯ãããnpmã«ããããããã®ã§ãããyarnã¯éåžžã«é«éãªã®ã§ãnpmã䜿çšããããšã¯èããããŸããã ãããã®ã©ã€ãã©ãªãç¶æããŠãããFacebookã®éçºè ã«å¿ããæè¬ãã圌ãã®åªåã«æè¬ããŸãã è¯ãä»äºãç¶ããŠãã ããïŒ
ðâ€ïžðâïžð
Reactãã¬ãŒã ã¯ãŒã¯ã¯ãããã³ããšã³ãéçºè ã§ããããšã«æ¬åœã«è奮ãç¶ããããã®éµã§ããã ã ããç§ã®éçºæ¥ããšãŠã楜ãããã®ã«ããã®ãæäŒã£ãŠãããŠããããšãð
ã€ã³ãã£ãããã¬ããã®ããŒã ããããããšãïŒ ä»å¹Žç§ãã¡ãæ§ç¯ãããœãããŠã§ã¢ã®å€§éšåã¯ããªãã®ä»äºã«ãã£ãŠå¯èœã«ãªããŸããããããŠç§ãã¡ã¯æè¬ããŠããŸãã â€ïž
ã©ããããããšãïŒ
ããã³ããšã³ãéçºãæããŠãããŠããããšãã
çŽ æŽãããã³ãŒããããããšãïŒ
ReactããŒã ã®çãããããããšãããããŸããïŒ â€ïž
ããããšãïŒ
ããã°ã©ãã³ã°ããšãŠãã¢ã¯ã»ã¹ããããããŠãããŠããããšãã 6ã¶æåã¯äœãäœããŸããã§ããã Reactã®ãããã§ãWebã¢ããªãAndroidã¢ããªãiOSã¢ããªããã¹ã¯ãããã¢ããªãäœæã§ããããã«ãªããŸããã ããªããã®æð«ð·!!!!!!
ãã©ã°ã¢ã€ããã®å®å šãªæè¬ð»ðŸð
GraphQLãFlowãReact Nativeã¯ãã¹ãŠçŽ æŽããããã®ã§ãïŒ
FBãªãŒãã³ãœãŒã¹ã®çãããã»ãã¬ã«ã®â€ã«æè¬ããŸãïŒ
ããããšãïŒ Reactã¯ç§ã®äººçãå€ããŸãã:)
ãã³ãã³ããããããšãïŒ
ããªããšããªãã®çŽ æŽãããä»äºã«æè¬ããŸããä»å¹Žã¯ã¿ããªfelizznavidadãšç§ã®çåºããã®æ°å¹ŽãããŸããŠããã§ãšãããããŸã
ã©ããããããšãããããŸãïŒ
ã¿ããªããããšããããªãã®ä»äºã¯çŽ æŽãããã§ãéå±ã§ã¯ãªã楜ãããã®ãéçºããŠãããŠããããšã
éçšâ€
ããããšãïŒ <3 <3 <3 <3
Facebookã®ãã¹ãŠã®ãªãŒãã³ãœãŒã¹ããŒã ã«æè¬ããŸãïŒ å€§èŠæš¡ãªãããžã§ã¯ãïŒReactãJestãYarnãBuckïŒã ãã§ãªããããŸãèªç¥ãããŠããªãå°èŠæš¡ãªãããžã§ã¯ãããããŸã:)
ããããšãããããŸãïŒ
ã¿ãªãããããããšãããããŸããïŒ å€ãã®å¥åº·ãšè¯ãã³ãŒãïŒ
ããããšã ïŒ-ïŒã ããã¯ãšãŠãçãã§ãã
é¢ä¿è ã®çæ§ãããããšãããããŸããïŒ ç§ã®æ¯æ¥ã®ç掻ããšãŠãè¯ãããŠãããŸã:)
ããããšãð€â€ïž
ããããšãã ç§ã¯ãã°ããã®éReactã䜿çšããŠããŠã楜ããã§ããŸãïŒ ã©ãããããããé¡ãããããŸãã
ã¯ããã©ããããããšãïŒ ç§ã¯Facebookã®åªããããŒã«ãšãã¬ãŒã ã¯ãŒã¯ãæ¯æ¥ãããã䜿çšããŠãããããã«ãã£ãŠç§ã®éçºçµéšã¯èšãç¥ããªãã»ã©æ¥œãããã®ã«ãªã£ãŠããŸãã ããªããããŠããããšãç¶ããŠãã ããïŒ
ããããšããããªãã¯åã³ãŠã§ãéçºã楜ããããŸããã 以åã¯jQueryã䜿çšããŠããŸããããUIãã¢ããªã®å éšç¶æ ãšåæãããã®ã¯æªå€¢ã§ããã ReactãšReduxã䜿çšãããšãUIãç¶æ ãšèªåçã«åæããããããã³ãŒãããåæã³ãŒããã§ä¹±éã«ãªãããšãå°ãªããªããŸãã Reactã䜿çšããåã¯ããã¹ãŠã®ã³ãŒãã1ã€ã®JSãã¡ã€ã«ã«å ¥ããŠããŸããã Reactã玹ä»ããããšããã³ãŒããã¹ããŒãã³ã³ããŒãã³ãããã ã³ã³ããŒãã³ããã¢ã¯ã·ã§ã³ãã¬ãã¥ãŒãµãŒããã³ããŒãã¡ã€ã«ã«åå²ããããšãåŠã³ãŸãããCtrl+ PãæŒããŠäœæ¥ãå¿ èŠãªéšåã«ãžã£ã³ãã§ãããããã³ãŒãã®æ€çŽ¢ãç°¡åã«ãªããŸããããªã³ã Webéçºã人éã®è³ã«ãšã£ãŠæ¥œããç°¡åã«ããããã«ããªããè¡ã£ããã¹ãŠã®äœæ¥ã«å¿ããæè¬ããŸãã
ããããšãïŒïŒ
ã¿ãªãããããããšãããããŸããïŒ ððððð
ããããšãïŒ
ã©ããããããšãããããŸããïŒ ãã®ç°å¢ã§äœæ¥ã§ããããšãããããæããŸãã
ããããå®çŸãããŠãããŠããããšãïŒ
ããªããã¡ã¯èããããªãããšãããŸããïŒç§ãiOSãã€ãã£ãã®ãã€ããŒããããã©ãããã©ãŒã ã«ãšããããªããåå¿ãã€ãã£ãã®ãšãã³ãžã§ãªã¹ãã«å€ããããŸããã åå¿ãåå¿ãã€ãã£ãããããŒãåè«ã®èåŸã«ãããã¹ãŠã®äººã«ïŒç§°è³ãããããšãããããŠ2018幎以éãè¯ãä»äºãç¶ããŠãã ããïŒ
ããããšãïŒ
ããããšãããããŠæããŸããŠããã§ãšãããããŸãïŒ ð
Reactã¯ç§ãæåã«èŠãJavaScriptãã¬ãŒã ã¯ãŒã¯ã®1ã€ã§ããããåœæã¯å ¥æã§ããŸããã§ããã ãããä»ãç§ããããæ£ããç解ãããšãã ç§ã¯ããã«æãããŸããã æ¬åœã«ããããšãããããŸããã ãŸããæããŸããŠããã§ãšãããããŸã
ããããšãïŒïŒ
ã¿ãªãããããããšãããããŸããïŒ â€ïž
ãã®çŽ æŽãããã³ãã¥ããã£ããå€ãã®ããšãåŠã³ãŸããïŒ
倧å€ãäžè©±ã«ãªããŸããã çããã¯ç§ã«ããããã®ã€ã³ã¹ãã¬ãŒã·ã§ã³ãäžããŠãããŸããã çŽ æŽãããããšãç¶ããŠãã ããïŒ ïŒclapïŒïŒtadaïŒ
倧å€ãäžè©±ã«ãªããŸããïŒ æããŸããŠããã§ãšãããããŸãããã£ãšãªãŒãã³ãœãŒã¹ãæ¥ãŸãïŒ ððð
ããããšãïŒ ããªãã¯ãã¹ãŠã€ã³ã¹ãã¬ãŒã·ã§ã³ã§ãã ãããŸããŠããã§ãšãïŒ ððð
æ¬åœã«ããããšãããããŸããïŒ â€ïžâ€ïžâ€ïžâ€ïž
ReactãšãªãŒãã³ãœãŒã¹ãäœã£ãŠãããçãããããããšãããããŸããã ä»å¹Žã®ç§ã®æ±ºæã®1ã€ã¯ãåå¿ããŠããŒãžããéã«å°ãªããšã1ã€ã®PRãäžããããšã§ãã
FacebookãReactãšã³ã·ã¹ãã ããªãŒãã³ãœãŒã¹ã«ããŠãããŠããããšã...ððð
Reactãšã³ã·ã¹ãã ãããè¯ãããããã®è²¢ç®è ã«æè¬ããŸã...ðªðªðª
ããããšãïŒ ããªãããå€ããåŠã³ãŸãããã
jQuery以æ¥ãæãçŽæçã§ã²ãŒã ãå€ããã©ã€ãã©ãªã®1ã€ãäœæããŠããã ãããããšãããããŸãã çãããè¡ããã¹ãŠã®äœæ¥ã倧ãã«å°éããã³ãã¥ããã£ã®ãªãŒãã³ãœãŒã¹ã«ããŸãã å šäœãšããŠãŠã§ãéçºãã©ãã ãé²ãã ãã¯æ°ãé ããªãã»ã©ã§ââãã 確ãã«Angularãæåã§ãããVueã®æ¹ãåçŽãªå ŽåããããŸãããç§ã®æèŠã§ã¯ãReactã¯ããã®æ©èœãšçµã¿åããããè€éãã®ç¹ã§ã¹ã€ãŒãã¹ãããã«å®éã«åœãŠã¯ãŸããŸãã ç§ã¯ãã®ã©ã€ãã©ãªã1幎以äžäœ¿çšããŠããŸãããæ£çŽãªãšããããã®ã©ã€ãã©ãªã¯é·ãéWebéçºã§æãçŽ æŽããããã®ã®1ã€ã§ãããšæããŸãã æãçŽ æŽãããã©ã€ãã©ãªã®1ã€ããããã³ããšã³ãæ¥çã®ä»çµã¿ãå€ããã®ãèŠãããšãã§ããŠããããã§ãã ããªããã¡ã¯ãæ¥çãšã³ãã¥ããã£ã®ããã«ä¿¡ããããªãã»ã©ã®ããšãæãéããããŸã£ãããªã²ãŒã ãã§ã³ãžã£ãŒã§ãã ãã©ã€ããŒãã«ããŠFacebookã§ã®ã¿äœ¿çšããã®ã§ã¯ãªãããªãŒãã³ãœãŒã¹ã«ããŠãã¯ãããžãŒå šäœã®é²æ©ãæ¯æŽããããšã«ããŸããã çãããç§ãã¡ã«æã£ãŠããŠããããã®çŽ æŽãããã©ã€ãã©ãªã«ããäžåºŠæè¬ããããšæããŸãã ä»åŸãšããããããé¡ãç³ãäžããŸããæããŸããŠããã§ãšãããããŸãïŒ
çŽ æŽãããä»äº@reactjsãããããšã@gabegreenberg ã ããªãã«åãããšãæã¿ãŸã:)
Team Reactã«æè¬ããŸãïŒ
Facebook ReactTeamã«æè¬ããŸãïŒ ãŠã§ã/ãã€ãã£ãéçºããã®ãããªåã³ã«ããããã«ïŒ â€ïžâ€â€â€ðð
ReactããŒã ããããšãããããŸãïŒ
ReactããŒã ããããšãããããŸãïŒ ððããªãã®çŽ æŽãããã倧奜ãã§ãïŒ
ããŒã ã«åå¿ããŠããã ãããããšãããããŸã:-)
åå¿ããŒã ããããšãïŒ ä»åŸæ°å¹Žéã¯ãã¹ãŠã®äººã«ãšã£ãŠçŽ æŽãããã§ãããïŒ
ã©ããããããšãããããŸããïŒ
ãšãŠãçç£çã§æ¥œãããã©ãããã©ãŒã ãæäŸããŠããã ãããããšãããããŸãã ç§ã®ä»äºãäœå¹Žãã®éæ¯æ¥1000ïŒ è¯ãããŸãã
ã©ããããããšãïŒ ããªãã®åªåã¯éåžžã«ãããããã§ãã 2018幎ããããããã®ã楜ãã¿ã«ããŠããŸãïŒ
@reactããŒã ã®çãããããããšãããããŸããã
é 匵ã£ãŠãããŠããããšãïŒ
ããããšãïŒïŒïŒ
ããªããçŽ æŽããã人ãã¡ã«æè¬ããŸã=ïŒ
çŽ æŽããã2017幎ãããããšãããããŠããããçŽ æŽããã2018幎ã«ãªããŸãïŒ
Facebookããããšã
ãã¬ããã¯ã«æ¬åœã«æè¬ããŠããŸãã éšåè©äŸ¡ãã·ã³ããªãã¯å®è¡ãæœè±¡è§£éïŒãããã®é«åºŠãªæŠå¿µã¯çè«çã«ã®ã¿åŠã¶ããšãã§ããŸãã ãªãŒãã³ãœãŒã¹ãããžã§ã¯ãã§ããããå®éã«åäœããŠããã®ãèŠããšããããã®ããã°ã©ã ã®å°éåææ³ã誰ããå©çšã§ããããã«ãªããŸãããç¹ã«ãæ£åŒãªæè²ãåããŠããªã人ã¯ããã§ãã ã©ããããããšãããããŸããã
ãã¡ãããReactãšããã¯æ°ããæ¹åæ§ã«ãæè¬ããŸãã æ°ããã¢ã€ãã¢ã¯ãæã«ã¯ççŸããŸããã誰ããJavascriptãšWebããã³ããšã³ãã«ã€ããŠåèããããã«ãªã£ãŠããŸãã FacebookãReactããã³é¢é£ãããžã§ã¯ãã§è¡ã£ããªãŒãã³ãœãŒã¹äœæ¥ã®ãããã§ãç§ãã¡ã¯åžžã«èªåèªèº«ãä¿®æ£ããŠããŸãã é»éã®æ¥ã ãšæããŸãã
ððð
ããããšãïŒ ð
ReactããŒã ããããšãããããŸãïŒ ðç§ã¯ããªããã¡ããã£ãŠããããšãæ¬åœã«æããŠããŸãã ã©ãããããããé¡ãããããŸãã
Reactãšã³ã·ã¹ãã ãäœæããŠãããReactããŒã ãšFacebookãªãŒãã³ãœãŒã¹ããŒã ã«æè¬ããŸãã
ããã«ãããã¹ãŠã®ãªãŒãã³ãœãŒã¹éçºè ã«æè¬ããŸãð
ReactããŒã ã«æè¬ããŸãïŒ ð
ãã®ãããªçŽ æŽãããããŒã«ãããããšãããããŸãã ä»å¹Žããããããé¡ãããŸã:-)
ã©ããããããšãïŒ
ReactããŒã ãšãã¹ãŠã®ãªãŒãã³ãœãŒã¹è²¢ç®è ã«æè¬ããŸãã ð
ããããšãïŒïŒïŒïŒ
çŽ æŽããããœãããŠã§ã¢ãšãµããŒããæäŸããŠãããStorybookããŒã å šäœããã®å€å€§ãªæè¬ðððð
çŽ æŽãããäœåãäœã£ãŠããããã®çŽ æŽãããããŒã ã«æè¬ãããã§ãïŒ çŽ æŽãããä»äºãç¶ããŠãã ãã
ïŒheart_eyesïŒïŒheart_eyesïŒ
åŠç¿ããšãŠãç°¡åã«ããŠãããReactããŒã ã«æè¬ããŸã!!
ããããšããããªãã¯ããã¯ããŸããåå¿ã¯çŽ æŽãããã§ãïŒ
ããããšãïŒ ããªãã¯ããã¯ïŒ
ããããšã
ããããšãïŒ
éçºãããç°¡åãã€å¹æçã«ããŠãããŠããããšã....ãã¹ãŠã®è²¢ç®è ã«çŽ æŽããã幎ããããŸãã
倧å€ãäžè©±ã«ãªããŸããïŒ
ç§ãã¡ã®éçºã容æã«ããããã«ãã®ãã¬ãŒã ã¯ãŒã¯ãäœæããŠãããŠããããšããã€ã³ããã·ã¢ããããªãïŒreactããŒã ãšãã¹ãŠã®è²¢ç®è ïŒã®åªåã«ãšãŠãæè¬ããŠããŸãïŒ ããã°ãç¶ããïŒ
ããªãã®çŽ æŽãããä»äºãããããšãïŒ
ç§ã®æ¥åžžã®ä»äºãããå¿«é©ã«ïŒãããŠå¹ççã«ïŒããããã®ãã¹ãŠã®ããŒã«ããªãŒãã³ãœãŒã·ã³ã°ããŠãããŠããããšãïŒ
ã¿ããªåå¿ããŠãããŠããããšãïŒ çŽ æŽãããä»äºãç¶ããŠãã ããïŒheartïŒïŒsparklesïŒïŒfireïŒïŒtadaïŒïŒmetalïŒïŒ
ã¿ããªããããšãïŒ ãã«ãŒããã®æ°å¹ŽãããŸããŠããã§ãšãããããŸãïŒ
ã¿ããªãããããšãïŒ
ããããšãïŒ
Reactã¯ç§ã®ãã£ãªã¢ãå€ããŸããããããŠç§ã¯ããã倧奜ãã§ãã
ããªããã¡ãç§ãã¡ã®ããã«ãã®ãããªããŒãã¯ãŒã¯ããããã¹ãŠã«æè¬ããŸãã
w00t w00tãããããšãããããŸããïŒ
ããããšãïŒ ð
ããããšãïŒïŒ
é 匵ã£ãŠãããŠããããšã!!!
ã©ããããããšãããããŸãããç§ã¯æ¯æ¥ãã®ãã¯ãããžãŒã䜿ã£ãŠäœæ¥ããããšãæ¬åœã«æ¥œããã§ããŸãã
æ¬åœã«çŽ æŽããããéåžžã«åºæ¿çãªä»äºã®äººã ããããç¶ããŠãã ããðððð
ãã¹ãŠã«æè¬ããŸãïŒ
çããäžäººäžäººã«æè¬ããŸãð
ããããšãïŒ
ããããšãïŒç¬é¡ïŒ
åºç¯å²ã«ãããè¯ãä»äºãããããšãïŒ
â€ïž
éçºããã£ãšæ¥œããããŠãããŠããããšãïŒ çŽ æŽãããä»äºãç¶ããŠãã ããïŒ
Facebookã®ãã¹ãŠã®OSSå šäœã§ãFacebookã®ãã¹ãŠã®äººãšãã¹ãŠã®è²¢ç®è ã«æè¬ããŸãïŒ
ããããšãïŒïŒïŒ
ãããããŒã ïŒ
ã©ããããããšãïŒ ð
ããããšãð
3幎åããReactã«1æ¥8æéè²»ãããããã§ã楜ããã§ããŸãã ããããšãããããŠå°æ¥ã®é²åã楜ãã¿ã«ããŠããŸãïŒ ð
ããããšãïŒ
ããããšãïŒ
Reactã«ãå°œåããã ãããããšãããããŸãïŒ â€ïž
ããããšãïŒ
ãªãŒãã³ãœãŒã¹ã§ããŠãããŠããããšãïŒ
ãã¹ãŠã®äœæ¥ã«æè¬ããŸãïŒ ð¥â€ïžð
çŽ æŽããããªãŒãã³ãœãŒã¹ãã¬ãŒã ã¯ãŒã¯ððãšãããç¶æããããã®ãã¹ãŠã®ããŒãã¯ãŒã¯ã«æè¬ããŸãâ€ïžðð
ããããã®ããŒã ã«æè¬ããŸãïŒ ðð¯
Reactã«å€å€§ãªåŽåãè²»ãããŠãããTeamFacebookã«æè¬ããŸãð»ð¥THML/CSS/ JSãçŸããæ©èœããã·ã¹ãã ã«çµã³ä»ããçŽ æŽãããæ¹æ³ããããŸãïŒshipitïŒð¯
ããããšãããŒã ïŒ æããŸããŠããã§ãšãããããŸãð
ãã§ã€ã¹ããã¯ããŒã ã«æè¬ããŸãïŒ
çããã¯ã€ã³ã¹ãã¬ãŒã·ã§ã³ã§ããããããšãïŒ
ããã«ã¡ã¯äžçïŒ
æ¬åœã«ããããšãããããŸããïŒ
æ¬åœã«ããããšãããããŸããïŒ
æããŸããŠããã§ãšãïŒïŒ ããäžåºŠããã¯ããŸãããïŒ
ããããšãïŒ ð
çŽ æŽãããä»äºãããããšãïŒ :-)
é 匵ã£ãŠãããŠããããšãïŒ ããã°ãç¶ããïŒ
ã¿ããªããããšãããã³ããããšãïŒ
Reactã ãã§ãªããJestãšImmutableããã¹ãŠã®äººãå©çšã§ããããã«ããããã«è¡ããããã¹ãŠã®äœæ¥ã«æè¬ããŸã
FacebookããŒã ã«æè¬ããŸããããªãã¯çŽ æŽããããã®ãäœããŸãã<3
Thaaaaaaaanks !!!
ãªãŒãã³ãœãŒã¹ã®äžçã«è²¢ç®ããŠããã ãããããšãããããŸãã ããªãã®åªåã¯äžçäžã§é«ãè©äŸ¡ãããŠããŸãð€
ã¯ãªã¹ãã¹äŒæã¯ã©ã®ãããã§ããïŒ
ç§ãã¡ã®äœäººãã¯ä»æ¥æ»ã£ãŠããã®ã§ããããéããããšãã§ãããšæããŸãã
ããäžåºŠããããšãããããŠä»å¹Žãããªãã倱æãããªãããšãé¡ã£ãŠããŸãïŒ
ãã³ããããäŒãã§ããŠããããã§ããã¿ãªãããããªããŠå¯ããã§ã:)
ç§ã¯ãã°ããã®éReactãšreduxãåŠãã§ããŸãã
ç§ã¯è²¢ç®ããããå€ãã®ããšãåŠã³ããã§ãã
ãããè¡ãæ¹æ³ã¯ãããŸããïŒ
ãããã°ãããŠããããã«èããããããããªããã
é 匵ã£ãŠãããŠããããšãïŒ ã¿ãªãããããã§ãã
æããŸããŠããã§ãšãïŒ
ããããšãïŒ ããããŒ2018ïŒ
çŽ æŽãããä»äºãããããšãïŒ ããããŒ2018ïŒ
Get Outlook for iOS
_____________________________
å·®åºäººïŒ [email protected]
éä¿¡æ¥ïŒ2018幎1æ1æ¥æææ¥22:21
件åïŒReïŒ[facebook / react] Facebookãšã³ãžãã¢-2017幎ããããšãããããŸãïŒïŒ11940ïŒ
å®å
ïŒfacebook / react react @ noreply.github.com
CcïŒè³Œèªæžã¿[email protected]
ããããã®ããŒã ã«æè¬ããŸãïŒ ðð¯
â
ãã®ã¹ã¬ããã«ãµãã¹ã¯ã©ã€ãããŠããããããããåãåã£ãŠããŸãã
ãã®ã¡ãŒã«ã«çŽæ¥è¿ä¿¡ããããGitHubã§è¡šç€ºããããã¹ã¬ããããã¥ãŒãããŠãã ããã
ç§ã¯è²¢ç®ããããå€ãã®ããšãåŠã³ããã§ãã
https://reactjs.org/docs/how-to-contribute.html
https://www.youtube.com/watch?v=GWCcZ6fnpn4&app=desktop
ããããšãðââïž
ããããšãïŒïŒïŒïŒ
ðšð¿ããããšãããããŸãðšð¿
åãã¡ããããšãïŒ
é 匵ã£ãŠãããŠããããšãã
ã©ããããããšãã
ãã®æ©èœã®+1ð
ãããä»äºïŒïŒ
ïŒ+1ïŒ
ããããšãïŒç§ã¯Reactã倧奜ãã§ããçŽ æŽãããä»äºã§ãã
æé«ã®ãªãŒãã³ãœãŒã¹ã³ãã¥ããã£ã«æè¬ããŸãïŒ
ããããšãïŒ Reactã¯çŽ æŽãããã§ãïŒ
ããããšãïŒ
ãªãŒãã³ãœãŒã¹å ã§äžçæžåœåããŠããFacebookãšã³ãžãã¢ã«æè¬ããŸãã ä»å¹Žã¯ããããã®çŽ æŽããã人ãã¡ãšåºäŒããæ¥å¹Žãããªããšäžç·ã«åãããšã楜ãã¿ã«ããŠããŸãïŒ
Facebookã®ãšã³ãžãã¢ã®çããã«å¿ããæè¬ããŸãã
ããããã®çŽ æŽããããããžã§ã¯ãã¯ãããªãã®æãŠããªãåªåãªãã«ã¯äžå¯èœã§ãïŒ
ããããšã
ðª
ããããšãïŒ ð
çŽ æŽãããããšãããããšãïŒ ããè¯ãã€ã³ã¿ãŒãããã«ä¹Ÿæ¯:)â€ïž
ã©ããããããšãïŒ
ããªãã®æéããšãã«ã®ãŒãæ ç±ã«å€§ãã«æè¬ããŸã...ð
ã¿ããªã«ä¹Ÿæ¯ïŒ ããããšãããããŠçŽ æŽããã2018幎ããéãããã ããã
ä»æ¥ã®Reactãäœã£ãŠãããŠããããšãïŒ ç§ãã¡ã¯çããªããã¡ã«1ã€åããŠããïŒP
ã¿ããªãå°éããªããïŒ æžåœãªåªåããšãã«ã®ãŒããããŠæ ç±ã«æè¬ããŸãã çŽ æŽããã2018幎ããç¥ãããŸãïŒ
ããŒã å šäœã«å€§ããªãããããšãã@Facebook...
@gaearon @acdlite @sophiebits @bvaughn @sebmarkbage @tomocchino
...ReactãæãæãããŠããã©ã€ãã©ãªã«ããããã®ãããŸã¬åªåã«æè¬ããŸã!! ð¥ð¯
ããããšãïŒ
Facebookã®ãªãŒãã³ãœãŒã¹ããŒã ã®ãããã§ãçŽ æŽãããä»äºãç¶ããŠãã ããïŒ ããã³ããšã³ãã¯Reactã§å€§ããå€åããŸããã
ã³ãã¥ããã£ãžã®è²¢ç®ã«æè¬ããŸãã ç§ãã¡ã¯çãå€ãã®å·šäººã®è©ã«ç«ã£ãŠããŸãã
ð¥â€ïžReact
ãã®ãããžã§ã¯ãã®ãããã§ãå€ãã®äººã ã®ç掻ãå€ãããŸããã
ããããšãïŒ
ãã®çŽ æŽãããã©ã€ãã©ãªãããããããããšãã é«ãè©äŸ¡ããŸãïŒ
倧å€ãäžè©±ã«ãªããŸããã Reactãšãã®ã³ãã¥ããã£ã«æ¬åœã«æè¬ããŠããŸãã â€ïž
çŽ æŽãããä»äºãããããšãïŒ :)
Reactããã®ãããªçŽ æŽãããããŒã«ã«æŒãäžããŠããããã¹ãŠã®äººã«æè¬ããŸãã â€ïž
ããã§éåžžã«å¹žããªãŠãŒã¶ãŒïŒ
React MITãäœã£ãŠãããŠããããšãïŒ :)
ãã®2幎éã¯ããã¹ãŠReactã«é¢ãããã®ã§ããããããã«å€ãã®ããšããã£ãŠããã§ãããïŒ ã ããâŠã©ããããããšãïŒ ðâ€ïž
Reactãäœã£ãŠMITã«ããŠãããŠããããšããããã¯ç§ãããã³ããšã³ãã§åãæ¹æ³ãå®å šã«å€ããŠããããæããŠãããŸãã!!
ã©ããããããšãïŒ
reactãäœæããŠMITã«ããŠãããŠããããšãã ccïŒ@jordwalke
åå¿ããŒã ã®ãããã§ãäœæ¥å¹çãå€§å¹ ã«åäžããŸãã
ããããšãïŒ
ããããšãïŒ ããªãã¯ç§ã®äººçãšç§ã®ããŒã ã®ã¿ããªã®äººçãæ¹åããŠãããŸããã
Reactãäœã£ãŠãããããŒã ãšãããžã§ã¯ãã«é¢ãã£ãŠããã人ãã¡ã«æè¬ããŸãã
ïŒmexicoïŒðððððððððïŒmexicoïŒ
ããããšãïŒ <3 <3 <3
ããããšãïŒ
åå¿ãããŠãããŠããããšãïŒ
ãããå®çŸãããŠãããçãããããããšãããããŸããïŒ
ã©ãããçãããä¿¡ããããªãã»ã©çŽ æŽãããããšãããŠããã®ã§ããã®çŽ æŽãããããšãç¶ããŠãã ãã!!!
ã©ããããããšã
ããããšãïŒ
ããããšãïŒ ðâ€ïž
Reactã³ãã¥ããã£ã«æè¬ããŸã
FBãšã³ãžãã¢ããããšãããããŸãïŒ ç§ã¯ãã€ã§ãããªãã®ãªãŒãã³ãœãŒã¹ãããžã§ã¯ãã«åãçµãããšãåãã§ãæäŒãããŸãïŒ
ã¿ãªãããåªããèšèãããããšãã å€ãã®äººã賌èªããŠããŠãããããã¡ãŒã«ãåãåãã®ã§ãã¹ã¬ãããããã¯ããŸãã
æãåèã«ãªãã³ã¡ã³ã
ããããšãïŒ ReactããŒã ã ãã§ãªãããã¹ãŠã®ãªãŒãã³ãœãŒã¹è²¢ç®è ã«ã ðð