[B! react] j5ik2oã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

j5ik2o id:j5ik2o

reactã«é–¢ã™ã‚‹j5ik2oã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

${{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 ã‚¢ãƒ—ãƒªã« Auth0 ã§ã‚·ãƒ¥ãƒƒã¨èªè¨¼ã‚’çµ„ã¿è¾¼ã‚“ã§ Vercel ã«çˆ†é€Ÿãƒ‡ãƒ—ãƒã‚¤ã™ã‚‹ - Qiita
Auth0 ã¯èªè¨¼ãƒ»èªå¯ã‚µãƒ¼ãƒ“ã‚¹ã‚’ã‚¯ãƒ©ã‚¦ãƒ‰ã§æä¾›ã—ã¦ã„ã‚‹ SaaS ãƒ™ãƒ³ãƒ€ãƒ¼ã§ã™ã€‚ ã€Œèªè¨¼ã€ã¨ã„ã†æ©Ÿèƒ½ã¯ã©ã®ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã«ã‚‚æ±‚ã‚ã‚‰ã‚Œã‚‹é‡è¦ãªè¦ä»¶ã§ã™ãŒã€ãƒ—ãƒãƒ€ã‚¯ãƒˆã®æœ¬è³ªçš„ãªãƒ“ã‚¸ãƒã‚¹ä¾¡å€¤ã‚’æŒãŸãªã„å ´åˆãŒå¤šã„ã§ã—ã‚‡ã†ã€‚Auth0 ã‚’ä½¿ç”¨ã™ã‚‹ã“ã¨ã§ã€ã“ã®ã€Œèªè¨¼ã€æ©Ÿèƒ½ã¨ã„ã† Undifferentiated Heavy Lifting ãªä½œæ¥ã‚’æŽ’é™¤ã§ãã¾ã™ã€‚ æœ¬è¨˜äº‹ã§ã¯ã€ç°¡å˜ãª React ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œæˆã—ã¦ Auth0 ã‚’ä½¿ç”¨ã—ãŸèªè¨¼æ©Ÿèƒ½ã‚’å®Ÿè£…ã—ã¾ã™ã€‚ã¾ãŸã€ä½œæˆã—ãŸã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ Vercelï¼ˆæ—§ Zeit nowï¼‰ã«ãƒ‡ãƒ—ãƒã‚¤ã™ã‚‹æ–¹æ³•ã‚’è§£èª¬ã—ã¾ã™ã€‚ãƒ¦ãƒ¼ã‚¶ã®ã‚µã‚¤ãƒ³ã‚¢ãƒƒãƒ—å¾Œã®ç¢ºèªãƒ¡ãƒ¼ãƒ«ãªã©ã¯ SendGrid ã‹ã‚‰é€ä¿¡ã•ã‚Œã¾ã™ã€‚ ä»¥ä¸‹ã¯ã€æœ¬è¨˜äº‹ã§ç´¹ä»‹ã™ã‚‹ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ç°¡å˜ãªæ§‹æˆå›³ã§ã™ã€‚ã¾ãŸã€æœ¬è¨˜äº‹ã§å®Ÿè£…ã•ã‚ŒãŸã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã¯ Vercel ã«ãƒ‡ãƒ—ãƒã‚¤ã—ã¦ã„ã¾ã™ã€‚ã“ã¡ã‚‰ã‹ã‚‰ã‚¢ã‚¯ã‚»
j5ik2o 2020/07/30
react

auth0
ãƒªãƒ³ã‚¯
React + Material-UIã§ç®¡ç†ç”»é¢ã‚’ä½œæˆã—ã¦ã¿ãŸ | DevelopersIO
Reactã‚¢ãƒ—ãƒªã‚’ä½œæˆ Material-UIã§ç®¡ç†ç”»é¢ã‚’ä½œã‚‹ãŸã‚ã®ãƒ™ãƒ¼ã‚¹ã¨ãªã‚‹Reactã‚¢ãƒ—ãƒªã‚’ä½œæˆã—ã¾ã™ã€‚ Create React App Create React Appã§æ–°ã—ã„Reactã‚¢ãƒ—ãƒªã‚’ä½œæˆã—ã¾ã™ã€‚ npx create-react-app react-material-ui-sample --typescript ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã¸ç§»å‹•ã—ã¦å®Ÿè¡Œã—ã¾ã™ã€‚ cd react-material-ui-sample npm start ãƒ–ãƒ©ã‚¦ã‚¶ã«Reactã‚¢ãƒ—ãƒªãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªæ§‹æˆ ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã¯ã‚ã¾ã‚Šãƒã‚¹ãƒˆã•ã›ã™ãŽãšã‚·ãƒ³ãƒ—ãƒ«ãªæ§‹é€ ã«ã—ã¾ã—ãŸã€‚ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®åˆ†ã‘æ–¹ã¯Atomic Designã‚’å‚è€ƒã«ã—ã¦ã„ã¾ã™ã€‚ src/ â”œ components/ â”‚ã€€â”” atoms/ # åŽŸåï¼ˆå€‹ã€…ã®ãƒ‘ãƒ¼ãƒ„ï¼‰ â”‚ã€€â”” molecules/ # åˆ†åï¼ˆåŽŸåã®é›†åˆä½“ï¼‰
j5ik2o 2020/07/27
react
ãƒªãƒ³ã‚¯
ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ç§ãŒãŠå‹§ã‚ã™ã‚‹ SPAãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºç’°å¢ƒ
@July Tech Festa 2020
j5ik2o 2020/07/26
react
ãƒªãƒ³ã‚¯
Reactã®æœ€æ–°å‹•å‘ã¨ãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹
HTML5 Conference 2016 http://events.html5j.org/conference/2016/9/session/#session_id_h1
j5ik2o 2016/09/04
react

Redux
ãƒªãƒ³ã‚¯
1