[B! Redux] nantanã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

nantan id:nantan

Reduxã«é–¢ã™ã‚‹nantanã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (110)

${{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}}

Reactã®æ–°ã—ã„çŠ¶æ…‹ç®¡ç†ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒRecoilã€ã¨ã¯ï¼Ÿ Reduxã¨ã®é•ã„ã‚’è§£èª¬ - ICS MEDIA
Reactã®é–‹ç™ºã«ãŠã„ã¦ã€çŠ¶æ…‹ç®¡ç†ã®æ–¹æ³•ã¯æ³¨æ„æ·±ãæ¤œè¨Žã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚çŠ¶æ…‹ç®¡ç†ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒReduxã€ãŒå¤§ãã„å‹¢åŠ›ã§ã¯ã‚ã‚Šã¾ã™ãŒï¼ˆå‚ç…§ï¼šnpm trendsï¼‰ã€è¨˜äº‹ã€Žãƒ™ã‚¹ãƒˆãªæ‰‹æ³•ã¯ï¼Ÿ Reactã®ã‚¹ãƒ†ãƒ¼ãƒˆç®¡ç†æ–¹æ³•ã¾ã¨ã‚ã€ã§ã‚‚ç´¹ä»‹ã—ãŸé€šã‚Šã•ã¾ã–ã¾ãªçŠ¶æ…‹ç®¡ç†ã®æ‰‹æ³•ãŒç¾åœ¨ã§ã‚‚ç·¨ã¿å‡ºã•ã‚Œã¦ã„ã¾ã™ã€‚æœ¬è¨˜äº‹ã§ã¯çŠ¶æ…‹ç®¡ç†ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒRecoilã€ã«ã¤ã„ã¦ã®æ¦‚è¦ã¨ç°¡å˜ãªä½¿ã„æ–¹ã€Reduxã¨ã®æ€æƒ³ã®é•ã„ã«ã¤ã„ã¦è§£èª¬ã—ã¾ã™ã€‚ Reduxã«ã‚ˆã‚‹çŠ¶æ…‹ç®¡ç†ã®æ‡¸å¿µç‚¹ Reduxã§ã¯çŠ¶æ…‹ç®¡ç†ã‚’ä¸€ã‹æ‰€ã«ã¾ã¨ã‚ã‚‰ã‚Œã‚‹ã¨ã„ã†ãƒ¡ãƒªãƒƒãƒˆãŒã‚ã‚Šã¾ã™ã€‚ã“ã‚Œã¯ãƒ¡ãƒªãƒƒãƒˆã®ã‚ˆã†ã«æ€ãˆã¾ã™ãŒã€å°ã•ãªå˜ä½ã®çŠ¶æ…‹ç®¡ç†ã‚‚Reduxã«å§”ãã‚‹ã®ã‹è¿·ã„ã©ã“ã‚ã§ã™ã€‚ ã¾ãŸã€Reduxã¯çŠ¶æ…‹æ›´æ–°ã®ä½œæ³•çš„ãªæ›¸ãæ–¹ãŒè¤‡é›‘ã§ã—ãŸã€‚Redux Toolkitã¨ã„ã†Reduxã®ã‚¢ãƒ‰ã‚ªãƒ³ã¨ã—ã¦ã®JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚‚ã‚ã‚Šã¾ã™ãŒã€åŸºæœ¬çš„ã«ã¯ä½œæ³•çš„ãªæ›¸ãæ–¹ã¯ã‚ã¾ã‚Šè»½æ¸›ã—ã¾ã›
nantan 2023/03/03
react

redux

atom

recoil
ãƒªãƒ³ã‚¯
JSã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚·ã‚¹ãƒ†ãƒ ã«ã¤ã„ã¦æ›¸ãJavaScript Plugin Architecture 2.0ã‚’ãƒªãƒªãƒ¼ã‚¹ã—ã¾ã—ãŸ
JSã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚·ã‚¹ãƒ†ãƒ ã«ã¤ã„ã¦æ›¸ãJavaScript Plugin Architecture 2.0ã‚’ãƒªãƒªãƒ¼ã‚¹ã—ã¾ã—ãŸ JavaScriptã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚·ã‚¹ãƒ†ãƒ ã«ã¤ã„ã¦æ›¸ã„ãŸå°ã•ãªé›»åæ›¸ç±ã§ã‚ã‚‹JavaScript Plugin Architecture 2.0ã‚’ãƒªãƒªãƒ¼ã‚¹ã—ã¾ã—ãŸã€‚ 1.0(åˆç‰ˆ)å…¬é–‹æ™‚ã®è¨˜äº‹ã¯æ¬¡ã®ãƒšãƒ¼ã‚¸ã‹ã‚‰å‚ç…§ã§ãã¾ã™ã€‚ JavaScript Plugin Architectureã¨ã„ã†ãƒ—ãƒ©ã‚°ã‚¤ãƒ³è¨è¨ˆã«ã¤ã„ã¦å¦ã¶ç„¡æ–™ã®é›»åæ›¸ç±ã‚’æ›¸ã„ãŸ | Web Scratch 2.0ã®è©³ã—ã„å¤‰æ›´ç‚¹ã«ã¤ã„ã¦ã¯ãƒªãƒªãƒ¼ã‚¹ãƒŽãƒ¼ãƒˆã‚’å‚ç…§ã—ã¦ãã ã•ã„ã€‚ Release v2.0.0 Â· azu/JavaScript-Plugin-Architecture 2.0ãƒªãƒªãƒ¼ã‚¹æ™‚ã«GitBookã‹ã‚‰HonKitã«ç§»è¡Œã—ã¾ã—ãŸã€‚ ãã®ãŸã‚ã€å…¬é–‹ã™ã‚‹URLãŒæ¬¡ã®å ´æ‰€ã«å¤‰æ›´ã•ã‚Œã¦ã„ã¾ã™ã€‚ https://a
nantan 2020/09/14
redux
ãƒªãƒ³ã‚¯
Re-ducksãƒ‘ã‚¿ãƒ¼ãƒ³ï¼šReact + Redux ã®ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªæ§‹æˆãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹
Re-ducks ã¨ã„ã†ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªæ§‹æˆã®ãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹ã«ã¤ã„ã¦ã¾ã¨ã‚ã‚‹ã€‚Re-ducksãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’ä½¿ã†ã“ã¨ã§ã€React + Redux ã‚’ç”¨ã„ãŸé–‹ç™ºãŒã‚ˆã‚Šãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã—ã‚„ã™ã„ã‚‚ã®ã«ãªã‚‹ã€‚ Ducks ãƒ‘ã‚¿ãƒ¼ãƒ³ åå‰ã‹ã‚‰ã‚‚ã‚ã‹ã‚‹ã‚ˆã†ã«ã€Re-ducks ã¯ Ducks ã¨ã„ã†ãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’ãƒ™ãƒ¼ã‚¹ã«ã—ã¦ã„ã‚‹ã€‚ erikras/ducks-modular-redux Ducks ãƒ‘ã‚¿ãƒ¼ãƒ³ãŒè§£æ±ºã™ã‚‹ã“ã¨ï¼š actionTypeã€actionã€reducerãŒæ•£ã‚‰ã°ã£ã¦ã¦ã¤ã‚‰ã„ çµå±€ã®ã¨ã“ã‚ actionTypeã€actionã€reducer ã¯å¯†çµåˆãªã®ã§ã€ducksãƒ‘ã‚¿ãƒ¼ãƒ³ã§ã¯ã“ã‚Œã‚‰3ã¤ã‚’1ã¤ã®ãƒ•ã‚¡ã‚¤ãƒ«ã«ã¾ã¨ã‚ã‚‹ã€‚ // widget.js // Actions const LOAD = 'my-app/widgets/LOAD'; const CREATE = 'my-app/widget
nantan 2020/05/08
â€œjthegedus/re-ducks-examplesâ€

redux

react
ãƒªãƒ³ã‚¯
Reactã®æ–°Context APIã¨Redux is deadã¯ã©ã†é–¢ä¿‚ã™ã‚‹ã®ã‹ï¼Ÿ
å…ˆæ—¥ã€reduxã®ãƒ¡ãƒ³ãƒ†ãƒŠã§ã‚ã‚‹Mark Eriksonã•ã‚“ãŒBlogged Answers: Redux â€” Not Dead Yet! ã¨ã„ã†è¨˜äº‹ã‚’æ›¸ã„ã¦ã„ã¦ã€Œã¯ãƒ¼ãªã‚“ã ã‚ã†ãªãƒ¼ã€ã¨æµã—èªã¿ã—ã¦ã„ãŸã€‚ ãã‚“ãªæŠ˜ã€React 16.3 ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã€Context APIãŒåˆ·æ–°ã•ã‚ŒãŸã®ã‚’è¦‹ã¦ã€ã€Œã‚ã€ã“ã‚Œã¯ç¢ºã‹ã«å‘ãåˆã„æ–¹ã¡ã‚‡ã£ã¨å¤‰ã‚ã‚‹ã‹ã‚‚ã€ã¨ã„ã†ã®ã‚’æ€ã£ãŸã®ã§ã¾ã¨ã‚ã¦ã¿ã‚‹ã€‚ Redux â€” Not Dead Yet!ã‚’è¦ç´„ã™ã‚‹å…ƒè¨˜äº‹ã‚’ã–ã£ãã‚Šè¦ç´„ã—ã¦ã¿ã‚‹ã¨ã“ã‚“ãªæ„Ÿã˜ Reduxã¯ã©ã“ã«ã‚‚è¡Œã‹ãªã„ã‚ˆã€‚ãƒ¡ãƒ³ãƒ†ã—ã¦ã„ãã—ã€å½¹å‰²ã‚‚ã‚ã‚‹ã‚ˆContext APIã«ã‚ˆã£ã¦Reduxã‚’ç½®ãæ›ãˆã‚‰ã‚Œã‚‹ãƒ‘ã‚¿ãƒ¼ãƒ³ã¯ã‚ã‚Šãˆã‚‹ã‚ˆã€‚ãŸã ãã®å ´åˆã€æœ€åˆã‹ã‚‰Reduxã„ã‚‰ãªã‹ã£ãŸå¯èƒ½æ€§ã‚ã‚‹ã‚ˆGraphQLãŒReduxã‚’ç½®ãæ›ãˆã‚‹ã“ã¨ã¯ã‚ã‚‹ã‹ã‚‚ã€‚ã§ã‚‚Reduxã®ã»ã†ãŒãƒãƒžã‚‹ãƒ‘ã‚¿ãƒ¼ãƒ³ã‚‚ã‚ã‚‹ã‚ˆæœ€è¿‘Dan Abramovã•ã‚“
nantan 2018/10/05
react

redux
ãƒªãƒ³ã‚¯
JavaScript: ReduxãŒå¿…è¦ãªã¨ã/ä¸è¦ãªã¨ãï¼ˆç¿»è¨³ï¼‰ï½œTechRacho by BPSæ ªå¼ä¼šç¤¾
æ¦‚è¦ åŽŸè‘—è€…ã®è¨±è«¾ã‚’å¾—ã¦ç¿»è¨³ãƒ»å…¬é–‹ã„ãŸã—ã¾ã™ã€‚ è‹±èªžè¨˜äº‹: When (and when not) to use Redux â€“ LogRocket åŽŸæ–‡å…¬é–‹æ—¥: 2018/01/20 è‘—è€…: Christian Nwamba ã‚µã‚¤ãƒˆ: LogRocket 2018/03/13: åˆç‰ˆå…¬é–‹ 2021/06/03: æ›´æ–° ReduxãŒç™»å ´ã™ã‚‹ã¾ã§ã€è¤‡é›‘ãªã‚¿ã‚¹ã‚¯ã‚’çµ„ã‚€ã¨ãã®ã‚¹ãƒ†ãƒ¼ãƒˆç®¡ç†ã¯ç›¸å½“ã¤ã‚‰ã„ä½œæ¥ã§ã—ãŸã€‚Reduxã¯ã€Fluxã¨ã„ã†ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³ã«ãƒ’ãƒ³ãƒˆã‚’å¾—ã¦ã€JavaScriptã‚¢ãƒ—ãƒªã§ã‚¹ãƒ†ãƒ¼ãƒˆã‚’ç®¡ç†ã™ã‚‹ãŸã‚ã«è¨è¨ˆã•ã‚Œã¾ã—ãŸã€‚Reduxã¯Reactã¨ä½µç”¨ã•ã‚Œã‚‹ã“ã¨ãŒå¤šã„ã®ã§ã™ãŒã€Reduxã¯jQueryã‚„Angularã€Vueã¨ã„ã£ãŸåˆ¥ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ã‚‚ä½µç”¨ã§ãã¾ã™ã€‚ Reduxã®ã‚µã‚¤ã‚ºã¯éžå¸¸ã«å°ã•ã„ï¼ˆä¾å˜é–¢ä¿‚ã‚‚å«ã‚ã¦ã‚ãšã‹2KBï¼‰ã«ã‚‚ã‹ã‹ã‚ã‚‰ãšã€ã‚¢ãƒ—ãƒªã®å„ã‚³ãƒ³ãƒãƒ¼ãƒ
nantan 2018/03/14
redux

javascript

react
ãƒªãƒ³ã‚¯
ã‚¤ã‚«ãƒªãƒ³ã‚°2ã«ãŠã‘ã‚‹ã‚·ãƒ³ã‚°ãƒ«ãƒšãƒ¼ã‚¸ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³
The future of development â€“ Are our jobs getting harder or easier?
nantan 2017/11/01
react

redux
ãƒªãƒ³ã‚¯
ã„ã¾ã©ãã®Webã‚¢ãƒ—ãƒªã‚’ã©ã†ä½œã‚‹ã‹ï¼Ÿ ãƒ•ãƒ«ã‚¹ã‚¿ãƒƒã‚¯JavaScripté–‹ç™ºã®ã‚³ãƒ„
æ•°é€±é–“å‰ã€GitHubã§ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’ã‚·ã‚§ã‚¢ã—ã¦ã„ã‚‹é–‹ç™ºè€…ã«å‡ºä¼šã„ã¾ã—ãŸã€‚ãã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã¯Trelloã®ã‚¯ãƒãƒ¼ãƒ³ã§ã€Reactã€Reduxã€Expressã€Mongo DBã‹ã‚‰ãªã‚‹ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ã—ãŸã€‚å…¨éšŽå±¤ã€åºƒã„ç¯„å›²ã«ã‚ãŸã‚Šãƒ•ãƒ«ã‚¹ã‚¿ãƒƒã‚¯ã®JavaScriptã‚¹ã‚ãƒ«ãŒé§†ä½¿ã•ã‚Œã¦ã„ã¾ã—ãŸã€‚ é–‹ç™ºè€…ã®Moustapha Dioufã«ã€ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«å–ã‚Šçµ„ã‚€éš›ã®æŠ€è¡“é¸æŠžã€è¨è¨ˆã€é–‹ç™ºã«ã¤ã„ã¦æ›¸ã„ã¦ã¿ãªã„ã‹ã¨ãŸãšãã‚‹ã¨ã€ã†ã‚Œã—ã„ã“ã¨ã«å½¼ã¯è³›æˆã—ã¦ãã‚Œã¾ã—ãŸã€‚ã“ã®è¨˜äº‹ãŒã‚ãªãŸã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«å½¹ç«‹ã¦ã°å¹¸ã„ã§ã™ã€‚ï¼ˆbyÂ SitePoint Editorï¼šNilson Jacquesï¼‰ ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®ã‚¢ãƒ—ãƒãƒ¼ãƒã‚’é †ã«è¦‹ãªãŒã‚‰ã€Webã‚¢ãƒ—ãƒªä½œæˆæ™‚ã«å®Ÿè·µã—ãŸã“ã¨ã‚’èª¬æ˜Žã—ã¾ã™ã€‚ç´¹ä»‹ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¯ã€ã©ã‚“ãªãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã«ãŠã„ã¦ã‚‚å½“ã¦ã¯ã¾ã‚Šã¾ã™ã€‚ç§ã¯Java/JavaScriptã®ä»•äº‹ã§ã“ã®æ–¹æ³•ã‚’ä½¿ã„ã€ç”Ÿç”£æ€§ãŒã
nantan 2017/07/19
javascript

react

redux

mongodb

express
ãƒªãƒ³ã‚¯
Redux isn't slow, you're just doing it wrong - An optimization guide | React Rocket
Redux isn't slow, you're just doing it wrong - An optimization guide It's not very obvious how to optimize react applications that use Redux. But it's actually fairly straightforward. Here's a short guide, along with a few examples. When optimizing applications that use Redux with react, I often hear people saying that Redux is slow. In 99% of cases, the cause for bad performance (this goes for an
nantan 2017/07/19
react

redux
ãƒªãƒ³ã‚¯
redux-form #1954 - CodeSandbox
nantan 2017/06/27
react

redux

redux-form
ãƒªãƒ³ã‚¯
Using Redux with Flow
Redux is a great library for managing applicationâ€™s state. But JavaScript is still a dynamically typed language, which comes with a lot of surprises at runtime. In this post Iâ€™ll show you how you can use Flow to embrace static type checking in your Redux-powered application. I choose to use Flow for the disjoint union support and the ability to convert the codebase incrementally. Read on to learn
nantan 2017/06/27
Flow

flowtype

redux

JavaScript
ãƒªãƒ³ã‚¯
Redux and Flowtype
First, I want to begin by stating that this is not an article about how to use Redux, thereâ€™s a ton of fantastic documentation out there already, I want to discuss how you apply the concepts of static typing to Redux. Flow is a static type checker for JavaScript, created by the engineering team at Facebook. Static typing adds a lot of value to your code, but itâ€™s a strange topic for people who don
nantan 2017/06/15
redux

Flow

flowtype
ãƒªãƒ³ã‚¯
ReactNativeã§ç†è§£ã—ã¦ãŠãã¨è‰¯ã„Reduxã¨Middlewareã®ãƒ•ãƒãƒ¼ã‚’ç†è§£ã™ã‚‹ - tomoima525's blog
(5/29/2017è¿½è¨˜ â€˜å¿…è¦ä¸å¯æ¬ â€™ ã¨ã‚¿ã‚¤ãƒˆãƒ«ã«æ›¸ã„ã¦ã„ãŸã‚‰'å¿…è¦ä¸å¯æ¬ ã§ãªã„'ã¨æŒ‡æ‘˜ã‚’å—ã‘ã¾ã—ãŸã€‚ãªã‚“ã‚‰ã‹ã®ãƒ‡ãƒ¼ã‚¿ãƒ•ãƒãƒ¼ã®ä»•çµ„ã¿ã¯å¿…è¦ã ã‘ã©Reduxã§ã‚ã‚‹å¿…è¦ã¯ãªã„ã®ã§ã‚¿ã‚¤ãƒˆãƒ«ä¿®æ£ã—ã¾ã—ãŸ) æœ€è¿‘ReactNativeã‚’ã¡ã‚‡ã“ã¡ã‚‡ã“æ›¸ã„ã¦ã„ã¾ã™ã€‚ã‚¢ãƒ—ãƒªå‘ã‘ã®ReactNativeã‚’æ›¸ãã«ã‚ãŸã£ã¦ç†è§£ãŒã®ãžã¾ã—ã„ã®ãŒãƒ‡ãƒ¼ã‚¿ãƒ•ãƒãƒ¼ã®ä»•çµ„ã¿ã§ã‚ã‚‹Reduxã€åŠã³æ§˜ã€…ãªå‡¦ç†ã‚’ä»²ä»‹ã™ã‚‹Middlewareã§ã™ã€‚å°ã•ãªã‚¢ãƒ—ãƒªã‚’ã¤ãã£ã¦ã¿ã¦ä¸€é€šã‚ŠæŠŠæ¡ã—ãŸã®ã§ã€æ•´ç†ã‚‚å…¼ãã¦åˆã‚ã¦React-Reduxã‚’è§¦ã‚Œã‚‹æ™‚ã«ã©ã®è¾ºã‚’è¦‹ã‚Œã°ã‚ˆã„ã‹ã¾ã¨ã‚ã¦ã¿ã¾ã™ã€‚ ä½œã£ãŸã®ã¯ChuckNorris Factsã®Jokeã‚’æ¤œç´¢ã—ã¦è¡¨ç¤ºã™ã‚‹ã‚¢ãƒ—ãƒªã§ã™ã€‚ github.com ãƒ‡ãƒ¢å‹•ç”» æ˜¨æ—¥ã®ReactNativeã‚¢ãƒ—ãƒªç¶šãã€‚Reduxã«ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã®ã‚¹ãƒ†ãƒ¼ãƒˆã‚‚è¿½åŠ ã—ã¦ã¿ãŸã€‚iOSã¨Androidã§ã‚‚æƒ³å®šé€šã‚Šå‹•ãã€‚
nantan 2017/04/25
react

redux

ReactNative
ãƒªãƒ³ã‚¯
Reactã§ã‚·ãƒ³ã‚»ã‚µã‚¤ã‚¶ãƒ¼ã‚’ä½œã£ãŸè©± - Speee DEVELOPER BLOG
ã“ã‚“ã«ã¡ã¯ã€nishayaã§ã™ã€‚ ç®¡ç†éƒ¨ã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨ã—ã¦ã€ç¤¾å†…å‘ã‘ã®ã‚·ã‚¹ãƒ†ãƒ ã‚’ä½œã£ãŸã‚Šã€ ç¤¾å†…ã§é–‹å‚¬ã•ã‚Œã‚‹ã‚¤ãƒ™ãƒ³ãƒˆã§ã‚³ãƒ¼ãƒ’ãƒ¼ã‚’æ·¹ã‚ŒãŸã‚Šã—ã¦ã„ã¾ã™ã€‚ ç¤¾å†…å‘ã‘ã ã‹ã‚‰ã“ãã§ãã‚‹å†’é™ºã‚‚ã‚ã‚‹ã€ã¨ã„ã†ã“ã¨ã§ã€ ç¾åœ¨ã¯React/Reduxã‚’ç”¨ã„ãŸSPAé–‹ç™ºã‚’è¡Œã£ã¦ã„ã¾ã™ã€‚ ä»Šå›žã®SpeeeKaigi(ä¸‹è¨˜ã®è¨˜äº‹ã‚’å‚ç…§)ã§ã¯ã€ Reactã¨Reduxã‚’ä½¿ã£ã¦ã‚·ãƒ³ã‚»ã‚µã‚¤ã‚¶ãƒ¼ã‚’ä½œã‚‹è©±ã‚’ã—ã¾ã—ãŸã€‚ tech.speee.jp ç™ºè¡¨è³‡æ–™ ä½¿ç”¨ã—ãŸã‚‚ã® React Redux Web MIDI API Web Audio API Web MIDI APIã‚’ä½¿ç”¨ã—ã¦ã„ã‚‹ãŸã‚ã€ä»Šå›žã®ã‚¿ãƒ¼ã‚²ãƒƒãƒˆãƒ–ãƒ©ã‚¦ã‚¶ã¯Google Chromeã®ã¿ã¨ã—ã¾ã—ãŸã€‚ ãã®ãŸã‚ã€webkit ãƒ—ãƒ¬ãƒ•ã‚£ã‚¯ã‚¹ä»˜ãã®AudioContextã«ã‚‚å¯¾å¿œã—ã¦ã„ã¾ã›ã‚“ã€‚ ãƒ¢ãƒãƒ™ãƒ¼ã‚·ãƒ§ãƒ³ æ¥å‹™ã§SPAé–‹ç™ºã«React/Reduxã‚’ä½¿ç”¨ã™ã‚‹ã¨ã„ã†æ±ºå®šã‚’ã—
nantan 2017/04/07
ã™ã‚“ã”ã„

react

redux

MIDI
ãƒªãƒ³ã‚¯
How to fetch the new data in response to React Router change with Redux?
nantan 2017/02/13
react

redux
ãƒªãƒ³ã‚¯
How to sync Redux state and url hash tag params
We have a list of lectures and chapters where the user can select and deselect them. The two lists are stored in a redux store. Now we want to keep a representation of selected lecture slugs and chapter slugs in the hash tag of the url and any changes to the url should change the store too (two-way-syncing). What would be the best solution using react-router or even react-router-redux? We couldn't
nantan 2017/02/13
react

redux
ãƒªãƒ³ã‚¯
SSSSLIDE
nantan 2017/02/06
redux

react
ãƒªãƒ³ã‚¯
Question: How to choose between Redux's store and React's state? Â· Issue #1287 Â· reduxjs/redux
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
nantan 2017/02/06
react

redux
ãƒªãƒ³ã‚¯
Async actions in Redux - My Code Smells!
nantan 2017/01/23
react

redux
ãƒªãƒ³ã‚¯
ã‚¢ãƒ¡ãƒ–ãƒ2016 ~ React/Reduxã§ã¤ãã‚‹Isomorphic web app ~ | CyberAgent Developers Blog | ã‚µã‚¤ãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆ ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ã‚ºãƒ–ãƒã‚°
ã¿ãªã•ã‚“ã“ã‚“ã«ã¡ã¯ã€ã‚µã‚¤ãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã§ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’ä¸å¿ƒã«é–‹ç™ºã—ã¦ã„ã¾ã™åŽŸ(@herablog)ã§ã™ã€‚ ã‚¢ãƒ¡ãƒ–ãƒã§ã¯ã€2016å¹´9æœˆã«ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’Javaãƒ™ãƒ¼ã‚¹ã®ã‚¢ãƒ—ãƒªã‹ã‚‰ã€node.jsãƒ»Reactãƒ™ãƒ¼ã‚¹ã®ã‚¢ãƒ—ãƒªã¸ã¨ã‚·ã‚¹ãƒ†ãƒ ã®ç§»è¡Œã‚’ãŠã“ãªã„ã¾ã—ãŸã€‚æœ¬è¨˜äº‹ã§ã¯ã€ãã®ç§»è¡Œã¸ã¨ã„ãŸã‚‹çµŒç·¯ã‚„ã‚´ãƒ¼ãƒ«ã€ã‚·ã‚¹ãƒ†ãƒ è¨è¨ˆã€ãã®çµæžœã«ã¤ã„ã¦ãŠä¼ãˆã—ã¾ã™ã€‚ ãƒªãƒªãƒ¼ã‚¹ç›´å¾Œã«æ°—ã¥ã„ã¦ã„ã‚‹ãƒ„ãƒ¯ãƒ¢ãƒŽãªæ–¹ã‚‚ã„ã‚‰ã£ã—ã‚ƒã„ã¾ã—ãŸã€‚ ã‚¢ãƒ¡ãƒ–ãƒã®SPç‰ˆãŒReactã®SSRã§ãƒ•ãƒ«ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã—ãŸã®ã‚’è¦³æ¸¬ã—ãŸ â€” hr (@hrloca) 2016å¹´9æœˆ1æ—¥ ã‚·ã‚¹ãƒ†ãƒ ç§»è¡Œã¸ã¨ã„ãŸã‚‹çµŒç·¯ 2004å¹´ã‹ã‚‰å§‹ã¾ã‚Šã€æ—¥æœ¬å›½å†…ã§æœ€å¤§è¦æ¨¡ã®ãƒ–ãƒã‚°ã‚µãƒ¼ãƒ“ã‚¹ã¨ãªã£ãŸã‚¢ãƒ¡ãƒ–ãƒã¯ã€ã‚·ã‚¹ãƒ†ãƒ ã®è‚¥å¤§åŒ–ã‚„å¤šæ•°ã®é–¢ä¿‚è€…ãŒå˜åœ¨ã—ãŸã“ã¨ã«ã‚ˆã‚‹ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ãƒ»å°Žç·šã®æ€¥å¢—ãªã©ã®ç†ç”±ã«ã‚ˆã‚Šã€ãƒšãƒ¼ã‚¸è¡¨ç¤ºã‚¹ãƒ”ãƒ¼ãƒ‰ãŒé…ããªã‚Šã€ãƒšãƒ¼ã‚¸ãƒ“ãƒ¥ãƒ¼æ•°ã«ã‚‚æ˜Žã‚‰ã‹ã«å½±éŸ¿ã‚’ä¸Žãˆã‚‹ã‚ˆã†
nantan 2017/01/19
javascript

react

redux

isomorphic
ãƒªãƒ³ã‚¯
ã‚¢ãƒ¡ãƒ–ãƒ2016 ~ Isomorphic JavaScriptã®è©³ã—ã„è©± | CyberAgent Developers Blog
å•é¡Œç‚¹ã¯Isomorphicå®Ÿè£…é›£æ˜“åº¦ã§ã™ã€‚ã§ã¯ã€ã‚¢ãƒ¡ãƒ–ãƒã®Isomorphicã®å®Ÿè£…æ–¹æ³•ã¨å®Ÿè£…ã™ã‚‹éš›ã«ã‚ã£ãŸå•é¡ŒåŠã³ãã®è§£æ±ºç–ã‚’ãŠä¼ãˆã—ã¾ã™ã€‚ ã¡ãªã¿ã«ã€Michael Jacksonæ°ã¯Isomorphic JavaScript ã§ã¯ãªãã€ Universal JavaScript ã¨å‘¼ã¶ã¹ãã ã¨ä¸»å¼µã—ã¦ã„ã¾ã™ã€‚ç§ãŸã¡ã¯Isomorphic JavaScriptã¨ã„ã†åå‰ã§ä½¿ã†ã®ã«æ…£ã‚ŒãŸã®ã§ã€ã“ã“ã§ã¯*Isomorphic JavaScriptã¨è¨˜è¿°ã—ã¾ã™ã€‚ Amebloã®Isomorphic æŠ€è¡“é¸å®š å…ˆã«çµè«–ã‚’ã‚ã’ã¾ã™ï¼šReact + Redux æŠ€è¡“é¸å®šã®åŸºæº–ã¯ä¸‹è¨˜ã¨ãªã‚Šã¾ã™ã€‚ å®‰å®šã•ã€‚åŸºæœ¬çš„ã«ãƒ—ãƒãƒ€ã‚¯ãƒˆç’°å¢ƒã§ä½¿ãˆã‚‹æ£å¼ç‰ˆãŒã‚ã‚‹ã“ã¨ã€‚ ã‚¢ã‚¯ãƒ†ã‚£ãƒ–ãªé–‹ç™ºã€‚ ã‚ˆã„ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ã€‚æŠ€è¡“ã®å‘¨ã‚Šã«å¤§ãã„ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ãŒè‚²ã£ã¦ã„ã‚‹ã“ã¨ã€‚ å®Ÿç¸¾ãŒã‚ã‚‹ã€‚ ã¾ãšViewå±¤ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®é¸å®šã§ã™ã€‚ã“ã®ãƒ—
nantan 2017/01/19
javascript

react

FLUX

Redux
ãƒªãƒ³ã‚¯
1 2 3 4 5 6 æ¬¡ã®ãƒšãƒ¼ã‚¸