Includes utilities to simplify common use cases like store setup, creating reducers, immutable update logic, and more.
2018å¹´11æ1æ¥ãæ ªå¼ä¼ç¤¾ã¡ã«ã«ãªã«ã¦ãReactä¼ããéå¬ããã¾ããã第1åã¨ãªãä»åã¯ã5人ã®ã¨ã³ã¸ãã¢ãReactã«ã¾ã¤ãããã¾ãã¾ãªãããã¯ã¹ã«ã¤ãã¦ã©ã¤ããã³ã°ãã¼ã¯ãå±éãã¾ããããã¬ã¼ã³ãã¼ã·ã§ã³ãtypescript-fsaã«é ¼ããªãReact à Redux ãã«ç»å£ããã®ã¯ãæ¥æ¬äºåå¨æ ªå¼ä¼ç¤¾ã®ç²æç°äº®ä¸æ°ãè¬æ¼è³æã¯ãã¡ã typescript-fsaã«é ¼ããªãReact à Redux ç²æç°äº®ä¸æ°ï¼ãtypescript-fsaã«é ¼ããªãReact à Reduxãã¨ããã¿ã¤ãã«ã§å§ãããã¦ããã ãã¾ããåã¯æ¥æ¬äºåå¨ã¨ããä¼ç¤¾ã§ããã³ãã¨ã³ãã¨ã³ã¸ãã¢å ¼ãã¶ã¤ãã¼ããã¦ããç²æç°ã¨ããã¾ãã ãµã ãã®æ¥åã§ãReactãTypeScriptã§ã¢ããªã±ã¼ã·ã§ã³ãæ¸ãã¦ãã¾ãã ä»å話ããã¨ã§ãããæè¿ã®TypeScript 2.8以éã®æ©è½ã使ã£ã¦ãReact
ng-kyoto Angular Meetup #9 ã§ã®çºè¡¨è³æã§ãã https://ng-kyoto.connpass.com/event/113358/
ä»ã¾ã§èªåã§ä½ã£ããã®ãåæ°åãä»äºã§5社ãããã® redux ãè¦ã¦ããã®ã§ããã®çµææãã¨ãããæ¸ãã åæã¨ãã¦ãèªåã¯ã¨ã³ã·ã¹ãã ã«ä¹ãã¨ããæå³ã§ä»ã§ã¯ redux è¯å®æ´¾ã ããredux ããèªèº«ãéå°ã«æ±ãã¦ããè¤éãã¯ãã£ã¨å解ãããã¹ãã ãã¨ããç«å ´ã Redux ããã¾ãè¨è¨ããã¦ããã¨ã©ããªãã ä¸è²«ããä¸ã¤ã®è¨è¨è«ã«å¾ãã®ã§ãèãããã¨ããªããªã é£ãããå»ãããã®ã§ã¯ãªããé£ããé¨åãä¸ç®æã«éä¸ãããReact Component ã®æ«ç«¯ã§ã¯ãä½ãèãããã¨ããªããªããç¶æ 管çã¨ããé£ããé¨åãä½ã人ã¨ãæ«ç«¯ã®ã³ã³ãã¼ãã³ãã®ãã¶ã¤ã³ã«æ³¨åãã人ãåããããã 大è¦æ¨¡ã«ãªã£ã¦ãè¨è¨ãç ´ç¶»ãã«ãããã¨ããã¨ã³ã¿ã¼ãã©ã¤ãºåããªç¹æ§ãæã¤ããããã®æè¡åºç¤ã¯(éç)é¢æ°åç±æ¥ã®èããå¤ããåºç¤è¨è¨ãåºç¤ç解ã«ã¯ãã¤ã¹ãã«ãè¦æ±ãããéè¦ã¨é©ç¨å¯¾è±¡ã®ãã¹ããããæãã
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? ReactãVueãªã©ã³ã³ãã¼ãã³ããã¼ã¹ã§ä½ã£ã¦ããViewã®ã©ã¤ãã©ãªãæ®åãããã¨ã§ãã³ã³ãã¼ãã³ãæåã§ã®éçºãä¸è¬åãã¦ããæ¨ä»ã®ããã³ãã¨ã³ãã§ããããã®ã³ã³ãã¼ãã³ãã®è¨è¨ã«æ©ã¾ããæ¹ãå¤ãã®ã§ã¯ãªãã§ããããã ã³ã³ãã¼ãã³ããã©ã®ç²åº¦ãã©ããªç¶æ ã§åå²ããã®ãè¯ãã®ãããªã©ãªã©ãç¹ã«ãã¼ã ã§éçºããæã«èªèãæã£ã¦ããªãã¨ã«ãªã¹ã«ãªããã¡ãªé¨åã§ããã¨æãã®ã§ãèªåãªãã®è¨è¨ãããéã®æéãè¨èªåãããã¨ããã®ãæ¬è¨äºã®ç®çã§ããåãããã«æ©ã¾ãã¦ããæ¹ã«ãä½ãã示åãæä¾ãããã¨ãã§ãããå¬ããã§ãã æ³å®èªè ãã³
ãã¶ã¤ã³æ¦ç¥å®¤ããã³ãã¨ã³ãã¨ã³ã¸ãã¢ã®åäºã§ãã æ¨ä»ã® React å®è£ ã¯ãStatelessFunctionalComponent(SFC)ãç¨ã㦠Flux ã Redux ã«ç¶æ 管çãå§è²ãããã¶ã¤ã³ãã¿ã¼ã³ãå®çãã¦ãã¾ãããã¢ããªã±ã¼ã·ã§ã³ã® UX ã«æ¬ ãããªãã¢ãã¡ã¼ã·ã§ã³ã§ãããSPA ã¨ã¯ç¸æ§ãæªããã¨ããåãèãããã¨ãããã¾ããå¾æ¥ã® html ã¢ãã¡ã¼ã·ã§ã³ã¨ããã° jQuery.animate ã«ãããã®ãå®çªã§ãããjQuery.animate ã¯ä»¥ä¸ã®çç±ã§ React ã¨ç¸æ§ãæªãã§ãã jQuery ã使ç¨ããªããã¨ãã»ã¨ãã©ã§ãã»ãã©ã¤ãã©ãªã«é ¼ãå¿ è¦ãããã DOM åç §(ref åç §)ã®ããã« SFC ã諦ããªãã¨ãããªãã Animation å®è¡ä¸ã« component ã unmount ããã¨åç §ã¨ã©ã¼ã«ãªãã Animation ã®ç¶æ ã
æ¦è¦ èªåç¨ã«ä½¿ãåæã®è¯ããã¯ã¦ãviewerãReact/Reduxã§ä½ã£ã¦å ¬éãã¾ããã â»GoogleFeedAPIåæ¢ã«ã¤ãç¾å¨å©ç¨ã§ãã¾ãããç³ã訳ããã¾ããã Pasta - Hatena Bookmark Viewer - ã²ã¨ã¾ã復æ§ããããã§ãã ãã¹ã¯ãããçãããå©ç¨ãã ããã blog.bokuweb.me ã¹ã¯ãªã¼ã³ã·ã§ãã ã©ããªãã®ã ç»é²ãããã¼ã¯ã¼ãã«é¢é£ãããã¥ã¼ã¹ãé ä¿¡ãããZiteãã¨ããã¢ããªããããã§ãããé ä¿¡ãããè¨äºãè±èªã®ã¿ãªã®ã§ãããã¤ã®æ¥æ¬èªçãä½ããã¨æãçæãã¾ããå½åã¯React Nativeã§ã¹ããã¢ããªãä½ãå§ãããã ãã©ãå ã«WEBçãä½ã£ã¦ãã¾ã£ãã»ããå¤ãªã¨ããã§èºããã«ããããããªããã¨æãããã¡ããå ã«å®è£ ãããã¨ã«ãã¾ããã ãã ãªãªã¼ã¹ç´åã§æ°ã¥ãããã§ãããå ¬å¼ã«ãåæ§ã®æ©è½ã®ãé¢å¿ã¯ã¼ãããªããã®ãå®è£ ãã
Redux ã¯ã Flux ã®ãããªã¢ã¼ããã¯ãã£ã使ç¨ãã¦ã¢ããªã±ã¼ã·ã§ã³ã®ç¶æ ã管çã§ããé常ã«ã·ã³ãã«ãªã©ã¤ãã©ãªã§ããç§ãã¡ Affirm ã§ã¯ä»ã Reduxã®ã¿ã¤ã ãã©ãã«æ©è½ ã«æ³¨ç®ãã¦ãã¾ããAffirmã®ä¸»è¦äºæ¥ã¯ãéææ§ã®é«ãæ¶è²»è ãã¼ã³ãæä¾ãããã¨ãªã®ã§ããã¼ã³ç³ãè¾¼ã¿æã®å ¨éç¨ãã¦ã¼ã¶è¦ç¹ã§åç¾ã§ããã¨é常ã«æç¨ãªã®ã§ãã Reduxã¯ãã¬ã¼ã ã¯ã¼ã¯ã¨ãããããããã¿ã¼ã³ã®é©ç¨ã«å½¹ç«ã¤é¢æ°ã»ããã§ãããã£ã¦ãé©åãªãã¿ã¼ã³ãæ éã«é©ç¨ããªãã¨ãReduxã使ã£ããã¨ãå¾æããçµæã«ãªãããã¾ããããã®è¨äºã§ã¯ãAffirmã§ç¢ºç«ããReduxã®ãã¹ããã©ã¯ãã£ã¹ãããã¹ãç¯ãããããã¤ã³ãã«ã¤ãã¦èª¬æãã¾ãã ImmutableJS ImmutableJS ã¯ãä¸å¤ã®æ°¸ç¶ãã¼ã¿æ§é ãæ±ãããã®ã©ã¤ãã©ãªã§ããç§ãã¡ããã®ã©ã¤ãã©ãªã好ãã§ä½¿ãçç±ã¯2ã¤ããã¾ãã
ä½ã£ããGWã®éãã³ã³ããã¨è¿æã®ã«ãã§ä»¥å¤ã«å¤åºãã¦ãªãããã²ã¼ã ããã¦ãªãã https://mizchi-sandbox.github.io/rpg-prototype/ ã§è§¦ããããã¶ã¤ã³ã¯ããã¼ããChrome以å¤ã§åãã¦ãæ°ãããªãã ã³ã¼ãã¯ãã https://github.com/mizchi-sandbox/rpg-prototype ä»®ç´ æã¯ã¦ãã£ã¿ã«ä»ãã¦ãããµã³ãã«ç´ æããåãããã WOLF RPGã¨ãã£ã¿ã¼å ¬å¼ãµã¤ã ãRPGä½æããªã¼ã½ããã ä»æ§ Spaceã§ãã¼ãºï¼ãªã¹ã¿ã¼ã ã¯ãªãã¯ã§ã¹ãã«ã®ä½¿ç¨ ä¸åº¦ã¹ãã«ã使ã£ããã¯ã¼ã«ãã¦ã³ããã Player1 ã ãæä½ã§ãã ãã¨ã¯ãªããå¯ãã¦ã»ããã ä½æ ä½ã£ãã åã ãããã²ã¼ã ãã¨ãã«RPGãä½ãããã¨æã£ã¦ãã®ã ãã©ãã¡ã¤ã³ã«ã¼ãããããªã綺éºã«ããããããããªãã趣å³ããã¸ã§ã¯ãã¯æè¡çã«è¾ãã¨ãã
大ã¥ãã¿ãªã話ã§ã çµè«: 課é¡ãç¥ã£ãããªãã§ãããããæãåºãã¦ã¿ããï¼ ï¼ç´°ããã¨ããã¯ç ç²ã«ãã¦ã¾ããReact ã§ãã¹ãã¼ããã«ã³ã³ãã¼ãã³ãã¤ãããããã¨ãï¼
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? Reduxã¯ã¨ãããã使ããããã«ãªã£ãå¾ã®æ å ±ãå°ãªãããã«æãã¦ãã¾ããããåºåã£ã¦ãããµã³ãã«ã³ã¼ãã¯ãReal World ããã®ãããªååãã¤ãã¦ããã¨ãã¦ããããã¾ã§é°å²æ°ãå³ããããã«ç¨æããããã®ã«æ¯ãçããç¨åº¦ã§ãç¾å®ã«èµ·ããåé¡ã«å¯¾ããåçãæéã示ãã¦ããããã§ã¯ããã¾ãããæ¥åã§ä½¿ããã¨ãæ¤è¨ããã®ã§ããã°ããããã¯ãã®æé·ã¨å ±ã«ã©ããã£ã¦ã¹ã±ã¼ã«ãã¦ãããã¤ã¡ã¼ã¸ã§ããªãã¨å°å ¥ã«è¸ã¿åããªãã§ããããæ¬ç¨¿ã§ã¯ãµã³ãã«ã³ã¼ããã大ããªè¦æ¨¡ã§éçºãã¦ããããã«ãReduxã«ãããã³ã³ãã¼ãã³ãã®åå©ç¨ã«ã¤ãã¦ç´¹ä»ã
ãªãªã¼ã¹ãé害æ å ±ãªã©ã®ãµã¼ãã¹ã®ãç¥ãã
ææ°ã®äººæ°ã¨ã³ããªã¼ã®é ä¿¡
å¦çãå®è¡ä¸ã§ã
j次ã®ããã¯ãã¼ã¯
kåã®ããã¯ãã¼ã¯
lãã¨ã§èªã
eã³ã¡ã³ãä¸è¦§ãéã
oãã¼ã¸ãéã
{{#tags}}- {{label}}
{{/tags}}