[B! React] mactkgã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

mactkg id:mactkg

Reactã«é–¢ã™ã‚‹mactkgã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (35)

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

Storybookã§controlledãªã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’æ“ä½œå¯èƒ½ã«ã—ã¤ã¤å¼•æ•°ã‚’ãƒ¢ãƒƒã‚¯ã™ã‚‹
Storybookã«ãŠã„ã¦ã€Reactã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’ä½¿ã£ãŸstoryã‚’ä½œæˆã™ã‚‹éš›ã€å˜ãªã‚‹ãƒœã‚¿ãƒ³ã®ã‚ˆã†ãªã‚·ãƒ³ãƒ—ãƒ«ãªã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã§ã‚ã‚Œã°componentãƒ—ãƒãƒ‘ãƒ†ã‚£ã«æŒ‡å®šã™ã‚‹ã ã‘ã§è‰¯ã„ã€‚ ãªãŠã“ã®è¨˜äº‹ã§ã®è§£èª¬ã¯ã€Storybookã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³8.1.1ã«åŸºã¥ã„ãŸã‚‚ã®ã§ã‚ã‚‹ã€‚ Button.tsx: import { MouseEvent, ReactNode } from 'react'; export interface ButtonProps { children?: ReactNode | undefined; onClick?: ((event: MouseEvent<HTMLButtonElement>) => void) | undefined; } export function Button({ children, onClick }: ButtonProps) { ret
mactkg 2025/01/08
react

storybook
ãƒªãƒ³ã‚¯
getServerSidePropsãŒã‚ã‹ã‚Œã°'use client'ãŒã‚ã‹ã‚‹
React Server Components (ä»¥ä¸‹ã€RSC) ã¯ã€Next.js App Router ã§å…ˆè¡Œå°Žå…¥ã•ã‚Œã¦ã‹ã‚‰ï¼‘å¹´åŠä»¥ä¸Šã®æ™‚é–“ã‚’æŽ›ã‘ãŸã®ã¡ã€2024/12/05 ã« React 19 ã®ä¸€éƒ¨ã¨ã—ã¦ãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¾ã—ãŸã€‚ RSC ã¯ã€ã‚³ãƒ¼ãƒ‰ã‚’ã€Œã‚µãƒ¼ãƒãƒ¼ã€/ã€Œã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã€ã®2ã¤ã®ç’°å¢ƒã«åˆ†å‰²ã™ã‚‹ã“ã¨ãŒç‰¹å¾´ã§ã‚ã‚Šã€é–¢é€£ã—ã¦ã„ãã¤ã‹ã®ãƒžãƒ¼ã‚«ãƒ¼ãŒç™»å ´ã—ã¦ã„ã¾ã™ã€‚ import 'client-only' import 'server-only' 'use client' 'use server' å··ã§ã¯ã€ã“ã‚Œã‚‰ã®ãƒžãƒ¼ã‚«ãƒ¼ã®åƒãã«ã¤ã„ã¦ã€ç†è§£ã§ããšæ··ä¹±ã™ã‚‹äººãŒå¤šãè¦‹å—ã‘ã‚‰ã‚Œã¾ã™ã€‚ ðŸ¤” 'use server' ã‚’ä»˜ã‘ãŸã‚‰ Server Component ã«ãªã‚‹ã¨æ€ã£ã¦ãŸâ€¦ æ£è§£: Server Component ã«ã¯ä½¿ã‚ãªã„ã€‚Server Function (Server Act
mactkg 2024/12/24
react
ãƒªãƒ³ã‚¯
Why I Love React
I still rem ember when I first heard about React. It was January 2014. I was listening to a podcast. Pete Hunt and Jordan Walke were on talking about this framework they created at Facebook with no support for two way data-binding, no built-in HTTP library, no dependency injection, and in place of templates it had this weird XML-like syntax for the UI. And to top it all off, I was listening to it w
mactkg 2020/09/24
react
ãƒªãƒ³ã‚¯
useEffectå®Œå…¨ã‚¬ã‚¤ãƒ‰
ã‚ãªãŸã¯ Hooks ã‚’ä½¿ã£ã¦è¤‡æ•°ã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’æ›¸ãã¾ã—ãŸã€‚ã¡ã‚‡ã£ã¨ã—ãŸã‚¢ãƒ—ãƒªã‚‚ä½œã£ãŸã“ã¨ãŒã‚ã‚‹ã§ã—ã‚‡ã†ã€‚æº€è¶³ã‚‚ã—ã¦ã„ã‚‹ã€‚API ã«ã‚‚æ…£ã‚Œã¦ã€ãã®éŽç¨‹ã§ã‚³ãƒ„ã‚‚æŽ´ã‚“ã§ãã¾ã—ãŸã€‚ã—ã‹ã‚‚é‡è¤‡ã—ãŸãƒã‚¸ãƒƒã‚¯ã‚’è»¢ç”¨ã§ãã‚‹ã‚ˆã† Custom Hooks ã‚’ä½œã‚Šã€åŒåƒšã«è‡ªæ…¢ã—ã¦è¦‹ãŸã‚Šã€‚ ã§ã‚‚ useEffect ã‚’ä½¿ã†åº¦ã€ã„ã¾ã„ã¡ãƒ”ãƒ³ã¨ãã¾ã›ã‚“ã€‚class ã®ãƒ©ã‚¤ãƒ•ã‚µã‚¤ã‚¯ãƒ«ã¨ã¯ä¼¼ã¦ã„ã‚‹ã‘ã©ã€ä½•ã‹ãŒé•ã†ã€‚ãã—ã¦ã„ã‚ã‚“ãªç–‘å•ã‚’æŠ±ãå§‹ã‚ã¾ã™ã€‚ ðŸ¤” componentDidMount ã‚’ useEffect ã§å†ç¾ã™ã‚‹æ–¹æ³•ã¯ï¼Ÿ ðŸ¤” useEffect å†…ã§æ£ç¢ºã«éžåŒæœŸå‡¦ç†ã‚’è¡Œã†æ–¹æ³•ã¨ã¯ï¼Ÿã€€[]ã£ã¦ãªã«ï¼Ÿ ðŸ¤” é–¢æ•°ã‚’ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã®ä¾å˜é–¢ä¿‚ã¨ã—ã¦è¨˜ã™ã¹ãï¼Ÿ ðŸ¤” éžåŒæœŸå‡¦ç†ã®ç„¡é™ãƒ«ãƒ¼ãƒ—ãŒãŸã¾ã«èµ·ã“ã‚‹ã®ã¯ãªãœï¼Ÿ ðŸ¤” å¤ã„ state ã‹ props ãŒã‚¨ãƒ•ã‚§ã‚¯ãƒˆå†…ã«ãŸã¾ã«å…¥ã‚‹ã®ã¯ãªãœï¼Ÿ ç§ã‚‚ Hooks ã‚’ä½¿
mactkg 2020/07/07
react

hooks
ãƒªãƒ³ã‚¯
SPAã«ãŠã‘ã‚‹CSSã«ã¤ã„ã¦ã€ã²ã¨ã¤ã®è§£ï¼ˆè¿½è¨˜ã‚ã‚Šï¼‰ - ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚’ãƒªãƒ³ã‚°ã™ã‚‹
SPAã«ãŠã‘ã‚‹CSSã®ã‚ã‚Šã‹ãŸã«ã¤ã„ã¦ãšã£ã¨æ‚©ã‚“ã§ãŸã‘ã©æ˜¨æ—¥ä»Šæ—¥ã§ä¸€ç‹ã®å…‰æ˜ŽãŒè¦‹ãˆãŸâ€” ã‚ˆã—ã“ (@yoshiko_pg) 2017å¹´4æœˆ7æ—¥ ã“ã®è©±ã‚’ç°¡å˜ã«ã¾ã¨ã‚ã¦ãŠã“ã†ã¨æ€ã„ã¾ã™ã€‚ çµè«–ã‚’å…ˆã«æ›¸ãã¨ã€Œä»Šã®ã¨ã“ã‚template literalå†…ã«CSSã‚’è¨˜è¿°ã™ã‚‹å½¢å¼ã®CSS in JSãŒã„ã„æ„Ÿã˜ã€‚Reactãªã‚‰styled-componetnsãŒè‰¯ã‹ã£ãŸã€ã¨ã„ã†æ„Ÿã˜ã§ã™ã€‚ æ‚©ã‚“ã§ã„ãŸã“ã¨ ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆæŒ‡å‘ã§SPAã‚’ä½œã£ã¦ã„ãä¸Šã§ã€CSSï¼ˆã¨ã„ã†ã‹ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°ï¼‰ã¯ã©ã†æ›¸ã„ã¦ã„ã£ãŸã‚‰ã„ã„ã‚“ã ã‚ã†ï¼Ÿã¨ã„ã†ã“ã¨ã«çµæ§‹æ‚©ã‚“ã§ã„ã¾ã—ãŸã€‚ HTMLã¨JSãŒã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã¨ã—ã¦ã¾ã¨ã¾ã£ã¦ã„ãä¸ã§CSSã ã‘ã¯ä»Šã¾ã§é€šã‚Šåˆ¥ç‰©ã¨ã—ã¦æ‰±ã„ã€BEMãªã©ã§ã‚°ãƒãƒ¼ãƒãƒ«ã‚¹ã‚³ãƒ¼ãƒ—ã¨æˆ¦ã†ã®ã‹ï¼Ÿã¯ãŸã¾ãŸCSSã®æž ã‚’ã¯ã¿å‡ºã¦JSã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®ç²’åº¦ã«åˆã‚ã›ãŸã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆåŒ–ã‚’ã™ã‚‹ã®ã‹ï¼Ÿ åŠ ãˆã¦ã€è¦‹ãŸç›®ã‚‚æŒ™å‹•ã‚‚è¤‡é›‘ãªã‚¢ãƒ—ãƒªã‚±
mactkg 2017/05/09
SPA

react

js

css

cssinjs
ãƒªãƒ³ã‚¯
React is Slow, React is Fast: Optimizing React Apps in Practice
React is Slow, React is Fast: Optimizing React Apps in Practice React is slow. I mean, any medium-size React application is slow. But before you start looking for alternatives, you should know that any medium-size Angular of Ember application is slow, too. And the good news is: If you care about performance, it's fairly easy to make any React application super fast. Here is how. Mesuring React Per
mactkg 2017/04/20
ã‚ã¨ã§èªã‚€

React
ãƒªãƒ³ã‚¯
React Fiberã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã«ã¤ã„ã¦ | POSTD
åˆã‚ã« React Fiberã¯ã€ç¾åœ¨é€²è¡Œå½¢ã§é€²ã‚ã‚‰ã‚Œã¦ã„ã‚‹Reactã®ã‚³ã‚¢ã‚¢ãƒ«ã‚´ãƒªã‚ºãƒ ã®å†å®Ÿè£…ã§ã‚ã‚Šã€Reactãƒãƒ¼ãƒ ã®2å¹´ä»¥ä¸Šã«ã‚ãŸã‚‹ç ”ç©¶ã®æˆæžœã§ã™ã€‚ React Fiberã¯ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€ã‚¸ã‚§ã‚¹ãƒãƒ£ãƒ¼ã¨ã„ã£ãŸé ˜åŸŸã«å¯¾ã™ã‚‹é©æ€§ã‚’å‘ä¸Šã•ã›ã‚‹ã“ã¨ã‚’ç›®æŒ‡ã—ã¦ã„ã¾ã™ã€‚React Fiberã®ç›®çŽ‰ã¨ãªã‚‹ ã‚¤ãƒ³ã‚¯ãƒªãƒ¡ãƒ³ã‚¿ãƒ«ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚° ã¯ã€ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ä½œæ¥ã‚’åˆ†å‰²ã—ã¦ã€è¤‡æ•°ã®ãƒ•ãƒ¬ãƒ¼ãƒ ã«åˆ†æ•£ã•ã›ã‚‹ã“ã¨ãŒã§ãã‚‹æ©Ÿèƒ½ã§ã™ã€‚ ä»–ã«ã¯ä¸»ã«ã€æ–°ãŸãªæ›´æ–°ãŒã‚ã£ãŸéš›ã«ä½œæ¥ã‚’ä¼‘æ¢ãƒ»å¼·åˆ¶çµ‚äº†ãƒ»å†åˆ©ç”¨ã§ãã‚‹æ©Ÿèƒ½ã€æ›´æ–°ã®ç¨®é¡žåˆ¥ã«å„ªå…ˆé †ä½ã‚’ã¤ã‘ã‚‰ã‚Œã‚‹æ©Ÿèƒ½ã€æ–°ã—ã„ä¸¦è¡Œãƒ—ãƒªãƒŸãƒ†ã‚£ãƒ–ãªã©ãŒæŒ™ã’ã‚‰ã‚Œã¾ã™ã€‚ ã“ã®ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã«ã¤ã„ã¦ Fiberã¯ã€ã‚³ãƒ¼ãƒ‰ã‚’è¦‹ãŸã ã‘ã§ã¯åˆ†ã‹ã‚Šã«ãã„æ–¬æ–°ãªæ¦‚å¿µã‚’ã„ãã¤ã‚‚å°Žå…¥ã—ã¾ã™ã€‚ã“ã®ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã¯ãã‚‚ãã‚‚ã€React ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«ãŠã‘ã‚‹Fiberã®å®Ÿè£…ã«ä¼´ã£ã¦ç§ãŒå–ã£ã¦ã„ãŸãƒ¡ãƒ¢ã‚’é›†ã‚ãŸã‚‚
mactkg 2017/04/19
React
ãƒªãƒ³ã‚¯
Inside Bdash
å·¨å¤§ãªãƒ¢ãƒŽãƒªã‚·ãƒƒã‚¯ Rails ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã® ãƒžã‚¤ã‚¯ãƒã‚µãƒ¼ãƒ“ã‚¹åŒ–æˆ¦ç•¥ / 2019 microservices in cookpad
mactkg 2017/03/21
Slide

react

JavaScript
ãƒªãƒ³ã‚¯
Blueprint - A React-based UI toolkit for the web
A React-based UI toolkit for the web
mactkg 2016/12/16
Reactç‰ˆBootstrapã¿ãŸã„ãª

React
ãƒªãƒ³ã‚¯
The SoundCloud Client in React + Redux
In the beginning of 2016 it was time for me to deep dive into the ReactJs world. I read tons of articles about React and its environment, especially Redux, so far. Several of my colleagues used it in side projects and on a theoretical level I could participate in the discussions. In my company we relied heavily on Angular 1 at this point. Since we are using it in a quite large code base, we know a
mactkg 2016/12/15
React

tutorial
ãƒªãƒ³ã‚¯
Facebook Relayã«ã¤ã„ã¦ã¾ã¨ã‚ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? ReactãŒã‚‚ã£ã¨åºƒã¾ã£ã¦æ¬²ã—ã„ã¨æ€ã£ã¦ã„ã‚‹ä»Šæ—¥ã“ã®ã”ã‚ã€‚React Europeã§Joseph Savonaæ°ã®è¬›æ¼”ã§Relayã«ã¤ã„ã¦ã®ã€Œãƒ¢ãƒ¤ã£ã¨ã€ãŒã„ã£ãã«ã‹ãªã‚Šè§£æ¶ˆã•ã‚ŒãŸæ°—ãŒã™ã‚‹ã®ã§ã€è¦ç‚¹ã‚’æœ¬ç·¨ã‚’ç¿»è¨³ã—ãªãŒã‚‰è‡ªåˆ†ãªã‚Šã«ã¾ã¨ã‚ã¦ãŠãã¾ã™ã€‚ ç§ã®ç†è§£ãŒèª¤ã£ã¦ã„ã‚‹å¯èƒ½æ€§ã¯åäºŒåˆ†ã«ã‚ã‚Šãˆã‚‹ã®ã§ã€ã”æŒ‡æ‘˜ã„ãŸã ã‘ã‚Œã°å¹¸ã„ã§ã™ã€‚ ã¯ã˜ã‚ã« Reactã¨Fluxã£ã¦çµ„ã¿åˆã‚ã›ã¨å…±ã«ã‚ˆãç›®ã«ã™ã‚‹ã®ãŒâ†“ã®å›³ã€‚ çŸ¢å°ã¯ä¸€æ–¹å‘ã«ã—ã‹é€²ã¾ãªã„ã®ãŒç‰¹å¾´ã§ã€ã‚ã‹ã‚Šã‚„ã™ã„ã£ã¦ã®ãŒã„ã‚ã‚“ãªã¨ã“ã‚ã§æ›¸ã‹ã‚Œã¦ã„ã‚‹ã‚“ã§ã™ã‘ã©ã€ **çµå±€ãƒ‡ãƒ¼ã‚¿ã‚’ã‚µãƒ¼ãƒã‹ã‚‰ã¨ã£ã¦ãã‚‹ã¨ã“
mactkg 2016/12/11
flux

GraphQL

React

Relay
ãƒªãƒ³ã‚¯
React ã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’èªã‚“ã§ã¿ã‚ˆã†ï¼ - ãƒžãƒ«ã‚·ãƒ†ã‚¤ã‚¢
ã“ã‚“ã«ã¡ã¯ id:amagitakayosi ã§ã™ã€‚ æ ªå¼ä¼šç¤¾ã¯ã¦ãªã§ä¸»ã«ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã‚’æ‹…å½“ã—ã¦ã„ã¾ã™ã€‚ ã“ã®è¨˜äº‹ã§ã¯ React æœ¬ä½“ã®ã‚³ãƒ¼ãƒ‰ã‚’èªã‚“ã§ã¿ã¾ã™ï¼ï¼ ã“ã®è¨˜äº‹ã¯ Reactã‚¢ãƒ‰ãƒ™ãƒ³ãƒˆã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ 2016 ã®7æ—¥ç›®ã®è¨˜äº‹ã§ã™ã€‚ æ˜¨æ—¥ã¯ yutaszk ã•ã‚“ã§ã€Œreact-router v4 ã§Flux ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’Hot Module Replacement ã™ã‚‹ã€ã§ã—ãŸã€‚ ç›®æ¬¡ ã¯ã˜ã‚ã« (Kyoto.js ã®å®£ä¼) æº–å‚™ ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªæ§‹é€ monorepo Haste Gulp ã¨ Grunt ã‚³ãƒ¼ãƒ‰ãƒªãƒ¼ãƒ‡ã‚£ãƒ³ã‚° react ReactComponent react-dom ReactMount ReactReconciler ReactCompositeComponent ReactDOMComponent ã¾ã¨ã‚ ãŠã‚ã‚Šã« ã¯ã˜ã‚ã« (Kyoto.js ã®å®£
mactkg 2016/12/07
react

js

javascript

blog
ãƒªãƒ³ã‚¯
GitHub - react-tags/react-tags: A fantastically simple tagging component for your projects
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
mactkg 2016/11/25
React

tag
ãƒªãƒ³ã‚¯
GitHub - GetStream/Winds: A Beautiful Open Source RSS & Podcast App Powered by Getstream.io
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
mactkg 2016/11/25
â€œWinds is an open source & beautiful RSS reader built using React/Redux/Sails/Node and Streamâ€

node

React

oss

Software

github

rss
ãƒªãƒ³ã‚¯
Choosing Ember over React in 2016 â€“ Two-Factor Everything
Never miss a story from Two-Factor Everything , when you sign up for Medium. Learn more Currently, whether you roll your own two-factor with Google Authenticator or use an API service like Authy, a standard integration often takes weeks. With Instant 2FA, weâ€™re building a solution that reduces the entire integration to 3 API calls and provides everything out of the box: Google Authenticator, SMS,
mactkg 2016/11/25
ember.js

React
ãƒªãƒ³ã‚¯
GitHub - rakuten-frontend/rakuten-react-kit: Rakuten React kit
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
mactkg 2016/11/13
ã‚¯ãƒ¼ãƒ«

px

React
ãƒªãƒ³ã‚¯
GitHub - verekia/js-stack-from-scratch: ðŸ› ï¸âš¡ Step-by-step tutorial to build a modern JavaScript stack.
Welcome to my modern JavaScript stack tutorial: JavaScript Stack from Scratch. ðŸŽ‰ This is the V2 of the tutorial, major changes happened since the 2016 release. Check the Change Log! This is a straight-to-the-point guide to assem bling a JavaScript stack. It requires some general programming knowledge, and JavaScript basics. It focuses on wiring tools together and giving you the simplest possible e
mactkg 2016/10/30
javascript

React

eslint

tutorial
ãƒªãƒ³ã‚¯
Next.js â€“ Vercel
This blog post will go into the philosophy and design decisions of the project. To learn how to use Next.js instead, please refer to theÂ README, where you can learn the entirety of the tool's capabilities in just a few minutes. First we'll dive into theÂ backgroundÂ of the project and then describe 6 basic principles: Zero setup. Use the filesystem as an APIOnly JavaScript. Everything is a functionA
mactkg 2016/10/26
Zero setup, Only JavaScript, Simple deployment

React

zeit
ãƒªãƒ³ã‚¯
Ruby on Rails on React on SSR on SPA - âœ˜â•¹â—¡â•¹âœ˜
amakan ã§ã®è¨è¨ˆã‚’ä¾‹ã«ã€Railsã§Single-Page Applicationã‚’ã¤ãã‚‹ã¨ãã®è‡ªåˆ†ã®ã‚„ã‚Šæ–¹ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã™ã€‚ Gem ã€ŒJavaScriptã§æ›¸ã‹ã‚ŒãŸReactã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‹ã‚‰HTMLã‚’ç”Ÿæˆã™ã‚‹ã€ã¨ã„ã†ã®ã‚’Rubyã§ã‚„ã‚‹ãŸã‚ã«ã€Rubyã®V8ã‚¨ãƒ³ã‚¸ãƒ³å®Ÿè£…ã§ã‚ã‚‹mini_racerã¨ã„ã†Gemã‚’ä½¿ã†ã€‚ã“ã®å‡¦ç†ã‚’æ¥½ã«å®Ÿè¡Œã™ã‚‹ãŸã‚ã«ã€react_on_railsã¨ã„ã†Gemã‚‚ä½¿ã†ã€‚ gem "mini_racer" gem "react_on_rails" View bodyè¦ç´ å†…ã®HTMLã¯å…¨ã¦Reactã§ç”Ÿæˆã™ã‚‹ã®ã§ã€layoutä»¥å¤–ã«viewã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã¯å˜åœ¨ã—ãªã„ã€‚ Controller åˆå›žãƒªã‚¯ã‚¨ã‚¹ãƒˆã®å ´åˆã¯HTMLã‚’è¿”ã™ ãƒšãƒ¼ã‚¸é·ç§»æ™‚ã«å‘¼ã°ã‚Œã‚‹ãƒªã‚¯ã‚¨ã‚¹ãƒˆã®å ´åˆã¯JSONã‚’è¿”ã™ å¤–éƒ¨ã‚µã‚¤ãƒˆã‹ã‚‰ãƒ–ãƒ©ã‚¦ã‚¶ãƒãƒƒã‚¯ã§æˆ»ã£ã¦ããŸã¨ãã«JSONã‚’è¦‹ã›ãªã„ ã¨ã„ã†è¦æ±‚ã«
mactkg 2016/10/11
rails

React
ãƒªãƒ³ã‚¯
GitHub - reactjs/react-art: React Bridge to the ART Drawing Library
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
mactkg 2016/10/08
React
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸