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

littlefield id:littlefield

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

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

Next.jsã‚’ä½¿ã†å¿…è¦ãŒãªã„å°è¦æ¨¡ãªSPAã®æœ€å°æ§‹æˆã‚’è€ƒãˆã¦ã¿ãŸ
ã¯ã˜ã‚ã« Reacté–‹ç™ºã«ãŠã‘ã‚‹Next.jsã®ãƒ—ãƒ¬ã‚¼ãƒ³ã‚¹ãŒæ—¥ã«æ—¥ã«å¢—ã—ã¦ã„ã‚‹ä»Šæ—¥ã“ã®é ƒã§ã™ãŒã€Next.jsã‚’ä½¿ã†å¿…è¦ãŒãªã„å°è¦æ¨¡ãªSPAã‚’ä½œã‚‹å ´åˆã®åž‹ãŒæ¬²ã—ããªã‚Šã€è‰²ã€…èª¿ã¹ã¦æŠ€è¡“é¸å®šã‚’ã—ãŸä¸Šã§å®Ÿéš›ã«ä½œã£ã¦ã¿ã‚‹ã¨ã“ã‚ã¾ã§ã‚„ã£ãŸã®ã§ã€ãã®æŠ€è¡“é¸å®šç†ç”±ã¨ã‚»ãƒƒãƒˆã‚¢ãƒƒãƒ—æ‰‹é †ã‚’å…±æœ‰ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ç§»ã‚Šå¤‰ã‚ã‚Šã¯é€Ÿã„ã¨ã¯ã„ãˆã€å‰²ã¨ãƒ›ãƒƒãƒˆãªæŠ€è¡“ã‚’é¸å®šã§ããŸã¨æ€ã†ã®ã§ã—ã°ã‚‰ãã¯ä½¿ã£ã¦ã„ã‘ãã†ã§ã™ï¼ˆãã†æ€ã„ãŸã„â€¦ï¼‰ã€‚ å‰æ è¶£å‘³ã§å°è¦æ¨¡ãªSPAã‚’ä½œã‚‹å ´åˆã‚’æƒ³å®š ãƒ«ãƒ¼ãƒ†ã‚£ãƒ³ã‚°ãªã—ã®å˜æ©Ÿèƒ½ã‚¢ãƒ—ãƒª SSRãŒå¿…è¦ãªã„ ãƒ¢ãƒ¼ãƒ€ãƒ«ãªã©ã®å‹•ãã®ã‚ã‚‹UIãŒå¿…è¦ãªã„ æŠ€è¡“ã‚¹ã‚¿ãƒƒã‚¯ Vite Preact TypeScript Tailwind CSS Cloudflare Pages æŠ€è¡“é¸å®šç†ç”± Vite å°‘ã—å‰ã¾ã§ã¯ã“ã†ã„ã†ã‚±ãƒ¼ã‚¹ã§ã¯create-react-appã‚’ä½¿ç”¨ã—ã¦ã„ã¾ã—ãŸãŒã€Viteã«ç½®ã
littlefield 2021/11/29
SPA

react
ãƒªãƒ³ã‚¯
React 18ã«å‚™ãˆã‚‹ã«ã¯ã©ã†ã™ã‚Œã°ã„ã„ã®ï¼Ÿã€€5åˆ†ã§ç†è§£ã™ã‚‹ - Qiita
React 18ã¯Reactã®æ¬¡æœŸãƒ¡ã‚¸ãƒ£ãƒ¼ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ã€2021å¹´ã®6æœˆã«alphaç‰ˆãŒã€11æœˆã«betaç‰ˆãŒå‡ºã¾ã—ãŸã€‚ã¾ãŸã€Next.js 12ã§ã‚‚React 18ã®ã‚µãƒãƒ¼ãƒˆãŒå®Ÿé¨“çš„æ©Ÿèƒ½ã¨ã—ã¦è¿½åŠ ã•ã‚Œã¾ã—ãŸã€‚React 18ã®è¶³éŸ³ãŒã ã‚“ã ã‚“ã¨æˆ‘ã€…ã«è¿‘ã¥ãã€ã‚¢ãƒ¼ãƒªãƒ¼ã‚¢ãƒ€ãƒ—ã‚¿ãƒ¼ã§ã¯ãªã„çš†ã•ã‚“ã®è¦–ç•Œã«ã‚‚ã„ã‚ˆã„ã‚ˆReact 18ãŒå…¥ã£ã¦ããŸã¨ã“ã‚ã§ã™ã€‚ ç‰¹ã«ã€React 18ã§ã¯Server-Side Rendering (SSR) ã®ã‚¹ãƒˆãƒªãƒ¼ãƒŸãƒ³ã‚°ã‚µãƒãƒ¼ãƒˆãŒè¿½åŠ ã•ã‚Œã¾ã™ã€‚ç¾åœ¨Reactã§SSRã‚’è¡Œã„ãŸã„äººã®å¼·ã„å‘³æ–¹ã¨ã—ã¦Next.jsãŒå˜åœ¨ã—ã¦ã„ã‚‹ã‚ã‘ã§ã™ãŒã€Next.js 12ã§ã‚‚React 18ã‚’é€šã—ã¦ã‚¹ãƒˆãƒªãƒ¼ãƒŸãƒ³ã‚°ã®æ©æµã‚’å—ã‘ã‚‹ã“ã¨ãŒã§ãã¾ã™ï¼ˆNext.jsã§ã¯SSR Streamingã¨å‘¼ã‚“ã§ã„ã‚‹ã‚ˆã†ã§ã™ï¼‰ã€‚ã¾ãŸã€åŽ³å¯†ã«ã¯React 18ã¨ã¯åˆ¥ã§ã™ãŒã€React Server Comp
littlefield 2021/11/26
react
ãƒªãƒ³ã‚¯
TypeScript + React + styled-components + Firestore + Firebase Hostingã§Webã‚¢ãƒ—ãƒªã‚’ä½œã‚Šå§‹ã‚ã‚‹ - Qiita
TypeScript + React + styled-components + Firestore + Firebase Hostingã§Webã‚¢ãƒ—ãƒªã‚’ä½œã‚Šå§‹ã‚ã‚‹TypeScriptFirebaseReact VSCode styled-components TypeScript, React, styled-components, Cloud Firestore, Firebase Hostingã‚’ä½¿ã£ã¦Webã‚µã‚¤ãƒˆã‚’å…¬é–‹ã™ã‚‹æ–¹æ³•ã€‚1 ã€ŒFirestoreã‚‚Reactã‚‚ä½¿ã£ãŸã“ã¨ãªã„äºº(ç†è€…ã‚‚ãã†)ã€ãŒ ã€ŒFirestoreã«æŽ¥ç¶šã™ã‚‹Reactã‚¢ãƒ—ãƒªã‚’ä½œã‚Šã€Firebase Hostingã«ãƒ‡ãƒ—ãƒã‚¤ã™ã‚‹ã¾ã§ã€ã‚’ç°¡æ½”ã«ã¾ã¨ã‚ã¾ã—ãŸã€‚2 VSCodeã‚’ä½¿ã£ã¦ã„ã¾ã™ è‰²ã€…ãªè€ƒæ…®ã‚’çœç•¥ã—ã¦ã„ã¾ã™ 1. React ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®ä½œæˆ ã¾ãšã¯å¿…è¦ãªã‚‚ã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« firebase-tools å…¬å¼ã®
littlefield 2019/12/03
TypeScript

react

styled-components
ãƒªãƒ³ã‚¯
react-boiler-plate-1
å‰ç½®ã ä»Šåƒ•ãŒå€‹äººé–‹ç™ºã§ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ä½œã‚‹ã¨ãã£ã¦ä»¥ä¸‹ã®ã‚¹ã‚¿ãƒƒã‚¯ã¯ã»ã¼ç¢ºå®šã—ã¦ã‚‹ã‚“ã§ã™ã‚ˆãã€‚ typescript express react react-router redux styled-components ã§ã€æ¯Žå›žãã®ã‚¹ã‚¿ãƒƒã‚¯ã§ SSR(Server Side Rendering) å¯¾å¿œã® SPA(Single Page Application) ã®åŸºç›¤ä½œã£ã¦ãƒã‚°ã‚¤ãƒ³æ©Ÿèƒ½ä½œã£ã¦ã£ã¦ã‚„ã‚‹ã‚ã‘ã§ã™ãŒã€ã“ã“ã¾ã§ã£ã¦ã©ã‚“ãªã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã§ã‚‚ã»ã¼åŒã˜ãªã‚“ã§ã™ã‚ˆãã€‚ ãªã®ã§ãƒœã‚¤ãƒ©ãƒ¼ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’ä½œã‚ã†ã¨æ€ã„ã¾ã—ã¦ã€‚ ãã—ã¦ã¤ã„ã§ãªã®ã§è§£èª¬è¨˜äº‹ã§ã‚‚æ›¸ã“ã†ã‹ãªã¨æ€ã„ã¾ã—ã¦ã€‚é•·ã™ãŽã¦ä½•å›žã‹ã«åˆ†ã‘ãŸãƒ¬ãƒ™ãƒ«ã ã‘ã‚Œã©èˆˆå‘³ã‚ã‚‹äººã¯èªã‚“ã§ã£ã¦ãã‚Œã‚ˆãªã€‚ ã‚ˆã—ã€ã‚„ã‚‹ãžï¼ï¼ ðŸ’ª (ã©ã‚“ãªæ€§è³ªã®ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‹ã®è€ƒæ…®ã‚‚ã›ãšæŠ€è¡“ã‚¹ã‚¿ãƒƒã‚¯ã ã£ãŸã‚Š SPA + SSR ã ã£ãŸã‚Šã‚’æ±ºã‚æ‰“ã¡ã§ã‚„ã£ã¦ã‚‹ã“ã¨ã®æ˜¯éžã¯ã“ã“
littlefield 2018/10/31
react

typescript
ãƒªãƒ³ã‚¯
React/Reduxã§ï¿½ç§©åºã‚ã‚‹ã‚³ãƒ¼ãƒ‰ã‚’æ›¸ã
å¦ç”Ÿã®æ™‚ã«é–‹å‚¬ã—ãŸPerlå…¥å¦å¼ã‚’ãã£ã‹ã‘ã«ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒçµ„ç¹”ã«é¦´æŸ“ã‚€ãŸã‚ã«å‹‰å¼·ä¼šã‚’ä¸»å‚¬ã‚„ä»²é–“ã¨å‚åŠ ã—ã¦è·èƒ½é–“ã®å¢ƒç•Œã‚’è¶Šãˆã¦ã„ã
littlefield 2018/09/21
react

redux
ãƒªãƒ³ã‚¯
ä¿ºãŒè€ƒãˆãŸæœ€å¼·ã® Reactã®ã‚¹ãƒ†ãƒ¼ãƒˆãƒ¬ã‚¹ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®æ›¸ãæ–¹ - Qiita
/* @flow */ import React from "react" import styled from "styled-components" import pure from "recompose/pure" type Props = {| value: string |} export default pure(function Example(props: Props) { const { value } = props return ( <Container> <Value>{value}</Value> </Container> ) }) const Container = styled.div` width: 100%; height: 100%; display: flex; justify-content: center; align-it ems: center;
littlefield 2018/09/13
react
ãƒªãƒ³ã‚¯
Vue.jsã¨React.jsã‚’ç¿’å¾—ã™ã‚‹ãŸã‚ã«ã€ã©ã®ã‚ˆã†ã«å¦ã‚“ã§ã„ã‘ã°ã‚ˆã„ã®ã‹ -Vueã¨Reactã®ãƒ‡ãƒ™ãƒãƒƒãƒ‘ç”¨ãƒãƒ¼ãƒ‰ãƒžãƒƒãƒ—
Vue.jsã¨React.jsã‚’ç¿’å¾—ã™ã‚‹ãŸã‚ã«ã€ã©ã®ã‚ˆã†ã«å¦ã‚“ã§ã„ã‘ã°ã‚ˆã„ã®ã‹ã€æ¬¡ã«ä½•ã‚’å¦ã¹ã°ã‚ˆã„ã®ã‹ã€ãã®æŒ‡é‡ã¨ãªã‚‹ãƒãƒ¼ãƒ‰ãƒžãƒƒãƒ—ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã€è¿½è¨˜ã€‘ Angularã®ãƒãƒ¼ãƒ‰ãƒžãƒƒãƒ—ã‚’è¿½åŠ ã—ã¾ã—ãŸã€‚ åŸºç¤ŽçŸ¥è˜ï¼ˆHTML, CSS, JavaScriptï¼‰ã€åˆ¶ä½œè€…ã¨ã—ã¦å¿…è¦ãªã‚¹ã‚ãƒ«ï¼ˆGit, HTTPSãƒ—ãƒãƒˆã‚³ãƒ«, Terminalãªã©ï¼‰ã‚’ã¯ã˜ã‚ã€Vue.jsã¨React.jsã§ä½•ã‚’å¦ã°ãªã‘ã‚Œã°ãªã‚‰ãªã„ã®ã‹ãŒã€ã¾ã¨ã‚ã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ æ‹¡å¤§ç”»åƒ: Vueã®ãƒãƒ¼ãƒ‰ãƒžãƒƒãƒ—
littlefield 2018/08/07
react

vue
ãƒªãƒ³ã‚¯
ã€ç¿»è¨³ã€‘React Native at Airbnb - Studio Andy
ã¯ã˜ã‚ã« ã“ã®è¨˜äº‹ã¯2018å¹´6æœˆ20æ—¥ã«Airbnbç¤¾ã®Gabriel Pealã«ã‚ˆã£ã¦å…¬é–‹ã•ã‚ŒãŸè¨˜äº‹ã‚’æ—¥æœ¬èªžã«ç¿»è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ å…¬é–‹ã«ã‚ãŸã£ã¦ã¯æ°æœ¬äººã®åŒæ„ã‚’å¾—ã¦ã„ã‚‹æœ€ä¸ã§ã™ãŒã€èª¤è¨³ã‚„å•é¡Œã®ã‚ã‚‹è¡¨ç¾ç‰ã‚’è¦‹ã¤ã‘ãŸæ–¹ã¯åƒ•ã®Twitterã‚¢ã‚«ã‚¦ãƒ³ãƒˆã¾ã§DMã„ãŸã ã‘ã¾ã™ã¨å¹¸ã„ã§ã™ã€‚ å…ƒè¨˜äº‹: medium.com æœ¬æ–‡ ã“ã®è¨˜äº‹ã¯Airbnbç¤¾ã«ãŠã‘ã‚‹React Nativeä½“é¨“ã¨ æ¬¡ã®æ™‚ä»£ã®ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³é–‹ç™ºã«ã¤ã„ã¦è¨˜ã—ãŸãƒ–ãƒã‚°ã‚·ãƒªãƒ¼ã‚ºã®ç¬¬ä¸€å¼¾ã§ã™ã€‚ 10å¹´å‰ã«AirbnbãŒç«‹ã¡ä¸ŠãŒã£ãŸé ƒã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã¯ã¾ã ã¾ã æœªç†Ÿãªã‚‚ã®ã§ã—ãŸã€‚ãã‚Œã‹ã‚‰æ™‚ãŒçµŒã£ã¦ã‚ˆã‚Šå¤šãã®äººã€…ãŒä¸–ç•Œã‚’æ—…ã™ã‚‹ã‚ˆã†ã«ãªã£ãŸã“ã¨ã‚‚ã‚ã‚Šã€ä»Šã‚„ç§ãŸã¡ã®ç”Ÿæ´»ã«ãŠã„ã¦ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã¯æ¬ ã‹ã›ãªã„é“å…·ã«ãªã£ã¦ã„ã¾ã™ã€‚ æ—…è¡Œä¸ã¯ãƒ¢ãƒã‚¤ãƒ«ãƒ‡ãƒã‚¤ã‚¹ãŒæ•°å°‘ãªã„ã€ã‚‚ã—ãã¯å”¯ä¸€ã®é€šä¿¡ãƒ‡ãƒã‚¤ã‚¹ã«ãªã‚‹ã¨ã„ã†ã“ã¨ã¯å¾€å¾€ã«ã—ã¦ã‚ã‚Šã¾ã™ã€‚ä¸–ç•Œãƒˆãƒƒãƒ—
littlefield 2018/06/21
react

react native

airbnb
ãƒªãƒ³ã‚¯
styled-componentsã‚’ä½¿ã£ãŸé›‘ãªReact Presentational Componentã®æ›¸ãæ–¹ - Qiita
æœ€è¿‘ã€ä»•äº‹ã§Reactã‚’æ›¸ãæ©Ÿä¼šãŒå¤šããªã£ã¦ãã¦è‰²ã€…è©¦ã—ã¦ã„ã‚‹ã†ã¡ã«æ›¸ãæ–¹ãŒè½ã¡ç€ã„ã¦ãã¾ã—ãŸã€‚ [æ³¨æ„] æœ¬æ¥ã¯ã‚¯ãƒ©ã‚¹æ¯Žã«StyledComponentsã®ã‚¤ãƒ³ã‚¹ã‚¿ãƒ³ã‚¹ã‚’ä½œã£ãŸæ–¹ãŒã„ã„ã§ã™ã€‚è‡ªåˆ†ãŒVueãƒ©ã‚¤ã‚¯ãªæ„Ÿã˜ã§é›‘ã«æ›¸ããŸã‚ã®è¨˜æ³•ã§ã™ã€‚ ã“ã®è¡¨è¨˜ã§ã™ã¨ã€åã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã«åŒã˜ã‚¯ãƒ©ã‚¹åãŒã‚ãŸã£ãŸã¨ãã«ã€è¦ªã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®ã‚¹ã‚¿ã‚¤ãƒ«ãŒå½“ãŸã‚‹ã®ã§å®Œå…¨ãªscopedãªã‚¹ã‚¿ã‚¤ãƒ«ã«ã¯ãªã‚Šã¾ã›ã‚“ã€‚ ï¼ˆ@nabeliwoã•ã‚“ã«ã‚³ãƒ¡ãƒ³ãƒˆã„ãŸã ãã¾ã—ãŸã€‚ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™ï¼ï¼‰ æ—¢ã«HTMLãŒå˜åœ¨ã—ã¦ã„ã‚‹ã¨ãã«é›‘ã«Reactã«ç§»æ¤ã™ã‚‹ã¨ãã®é€”ä¸æ®µéšŽã¨ã‹ã§å½¹ç«‹ã¤æ›¸ãæ–¹ã§ã™ import React from 'react' import styled from 'styled-components' const TodoIt em = ({ className, title, description, onD
littlefield 2018/05/30
react

styled components
ãƒªãƒ³ã‚¯
styled-componentsã‚’ä½¿ã£ãŸCSSè¨è¨ˆ - Qiita
ã¯ã˜ã‚ã« è‡ªåˆ†ã¯æ™®æ®µãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨ã—ã¦ã€React Reduxãªã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã®ã‚¢ãƒ—ãƒªã‚’ä½œã‚‹ã“ã¨ãŒå¤šã„ã®ã§ã™ãŒã€stylingã«styled-componentsã‚’å°Žå…¥ã—ã¦ã„ã¾ã™ã€‚ä»Šå›žã¯ã€styled-componentsã§ã®CSSè¨è¨ˆã«ã¤ã„ã¦æ›¸ã„ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ styled-componentsã¨ã¯ JSã§styleã‚’è¨˜è¿°ã™ã‚‹CSS in JSã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã€2019å¹´8æœˆç¾åœ¨æœ€ã‚‚äººæ°—ã®ã‚ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ã‚¿ã‚°ä»˜ããƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆãƒªãƒ†ãƒ©ãƒ«ã‚’ã†ã¾ãä½¿ã£ãŸç‹¬è‡ªæ€§ã¨ã€æ˜Žå¿«ãªAPIã§CSS in JSã®ç«ä»˜ã‘å½¹ã«ã‚‚ãªã‚Šã€åŒã˜æ€æƒ³ã‚’æŒã£ãŸäºœç¨®ãƒ©ã‚¤ãƒ–ãƒ©ãƒª(paypal/glamorous, zeit/styled-jsxç‰)ãŒç¶šã€…ã¨å‡ºã¦æ¥ã‚‹ãªã©ã‚ã‚‹ç¨®ã®ãƒ–ãƒ¼ãƒ ã‚’å·»ãèµ·ã“ã—ã¾ã—ãŸã€‚ ãã‚‚ãã‚‚ã€Reactã®ç™»å ´ã§ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºãŒã€ŒjQueryã«ã‚ˆã‚‹htmlã¸ã®æŒ¯ã‚‹èˆžã„ã®å¾Œä»˜ã‘ã€ã¨ã„ã†ã‚¹ã‚¯
littlefield 2018/05/30
react

styled components
ãƒªãƒ³ã‚¯
ã“ã‚Œã‹ã‚‰ã®Reactã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°ã¯styled-componentsãŒè‰¯ã•ãã† - Qiita
å‰ã€…å›žã®prettierã¨å‰å›žã®flowã«å¼•ãç¶šãReact Confã§ç´¹ä»‹ã•ã‚Œã¦ãŸã‚‚ã®ã‚’ä½¿ã†ã‚·ãƒªãƒ¼ã‚ºç¬¬3å¼¾ã§ã™ã€‚ styled-componentsã¯Sassã‚„Radiumã€CSS Moduleã¨ã„ã£ãŸã‚¹ã‚¿ã‚¤ãƒ«ç³»ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®å•é¡Œã‚’è§£æ±ºã™ã‚‹ãŸã‚ã«ç”Ÿã¾ã‚ŒãŸæ–°ã—ã„ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã€ä»ŠReactã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°ã‚’ã™ã‚‹ãªã‚‰ãƒ™ã‚¹ãƒˆã®é¸æŠžè‚¢ãªã‚“ã˜ã‚ƒãªã„ã‹ã¨æ€ã„ã¾ã™ã€‚ è¿½è¨˜ 2017/4/2 - jestã§ã®ãƒ†ã‚¹ãƒˆã«ã¤ã„ã¦è¿½è¨˜ã—ã¾ã—ãŸã€‚ 2017/5/26 - v2ã«ã¤ã„ã¦ç°¡å˜ã«è¨˜è¼‰ã—ã¾ã—ãŸã€‚ styled-componentsã¨ã¯ styled-components æ‰€è¬‚CSS in JSã®ä¸€ç¨®ã§jsxå†…ã«æ™®é€šã«cssãŒæ›¸ã‘ã‚‹ã€‚ ã‚ãƒ£ãƒ¡ãƒ«ã‚±ãƒ¼ã‚¹ã¨ã‹ã›ãšã«cssãŒæ›¸ã‘ã‚‹ã®ã§ã€(è¤‡é›‘ãªã“ã¨ã‚’ã—ãªã„é™ã‚Šã¯)ç§»è¡ŒãŒæ¥½ã€‚ propsæ¸¡ã—ãŸã‚Šãƒ†ãƒ¼ãƒžä½œã£ãŸã‚Šã€extendã§ããŸã‚Šæ©Ÿèƒ½è±Šå¯Œã€‚ æ“¬ä¼¼è¦ç´ ã‚„med
littlefield 2018/05/30
react

styled components
ãƒªãƒ³ã‚¯
redux-pluto
Folio Scramble! #1 ã§è©±ã—ãŸ redux best practiceã®è©±ã§ã™ã€‚
littlefield 2018/04/20
redux

react
ãƒªãƒ³ã‚¯
Redux ã®ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªæ§‹æˆã‚’è€ƒãˆã‚‹
Prompt Engineering for Developers @ AWS Community Day Adria 2024
littlefield 2018/02/05
redux

react
ãƒªãƒ³ã‚¯
Reactã®æœ€æ–°å‹•å‘ã¨ãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹ â”€â”€ HTML5 Conference 2016ã‚»ãƒƒã‚·ãƒ§ãƒ³ãƒ¬ãƒãƒ¼ãƒˆ
Reactã®æœ€æ–°å‹•å‘ã¨ãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹ â”€â”€ HTML5 Conference 2016ã‚»ãƒƒã‚·ãƒ§ãƒ³ãƒ¬ãƒãƒ¼ãƒˆ å°æž—å¾¹ 2016å¹´9æœˆ3æ—¥ã«æ±äº¬é›»æ©Ÿå¤§å¦ã§é–‹å‚¬ã•ã‚ŒãŸã€ŒHTML5 Conference 2016ã€ã®ã‚»ãƒƒã‚·ãƒ§ãƒ³ã‚’ç‰¹é›†ã™ã‚‹ç¬¬äºŒå¼¾ã¯ç†è€…ã§ã‚ã‚‹ç§ã€å°æž—å¾¹ãŒç™»å£‡ã—ãŸã€Œ Reactã®æœ€æ–°å‹•å‘ã¨ãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹ ã€ã®å†…å®¹ã‚’è§£èª¬ã—ã¾ã™ã€‚ Reactã®ç¾çŠ¶ Reactã¯ã€2013å¹´ã«FacebookãŒå…¬é–‹ã—ãŸã€Viewã‚’ä½œã‚‹ãŸã‚ã®JavaScriptã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼ã§ã™ã€‚ https://facebook.github.io/react/ ç¾åœ¨ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯v15.3.2ã§ã™ã€‚ v1.0.0ã‹ã‚‰v14.0.0ã¾ã§ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ ã€Œã™ã§ã«å®‰å®šã—ã¦ã„ã¦ãƒ—ãƒãƒ€ã‚¯ã‚·ãƒ§ãƒ³ã§ã‚‚åˆ©ç”¨ã§ãã‚‹ã€ã“ã¨ã‚„ã€Œã‚»ãƒžãƒ³ãƒ†ã‚£ãƒƒã‚¯ãƒ»ãƒãƒ¼ã‚¸ãƒ§ãƒ‹ãƒ³ã‚°ï¼ˆãƒ‘ãƒƒãƒ.ãƒžã‚¤ãƒŠãƒ¼.ãƒ¡ã‚¸ãƒ£ãƒ¼ï¼‰ã«æº–æ‹ ã—ã¦ã„ã‚‹ã€ã“ã¨ã‚’ç¤ºã™ãŸã‚ã«ã€v0.
littlefield 2016/11/02
redux

react
ãƒªãƒ³ã‚¯
1