78

Go 言語と React で考える「いい感じなURL設計」入門

Embed Size (px)

Citation preview

Page 1: Go 言語と React で考える「いい感じなURL設計」入門
Page 2: Go 言語と React で考える「いい感じなURL設計」入門
Page 3: Go 言語と React で考える「いい感じなURL設計」入門
Page 4: Go 言語と React で考える「いい感じなURL設計」入門
Page 5: Go 言語と React で考える「いい感じなURL設計」入門
Page 6: Go 言語と React で考える「いい感じなURL設計」入門
Page 7: Go 言語と React で考える「いい感じなURL設計」入門
Page 8: Go 言語と React で考える「いい感じなURL設計」入門
Page 9: Go 言語と React で考える「いい感じなURL設計」入門
Page 14: Go 言語と React で考える「いい感じなURL設計」入門
Page 15: Go 言語と React で考える「いい感じなURL設計」入門
Page 16: Go 言語と React で考える「いい感じなURL設計」入門
Page 17: Go 言語と React で考える「いい感じなURL設計」入門
Page 18: Go 言語と React で考える「いい感じなURL設計」入門
Page 19: Go 言語と React で考える「いい感じなURL設計」入門
Page 20: Go 言語と React で考える「いい感じなURL設計」入門
Page 22: Go 言語と React で考える「いい感じなURL設計」入門
Page 23: Go 言語と React で考える「いい感じなURL設計」入門
Page 25: Go 言語と React で考える「いい感じなURL設計」入門
Page 26: Go 言語と React で考える「いい感じなURL設計」入門
Page 27: Go 言語と React で考える「いい感じなURL設計」入門
Page 28: Go 言語と React で考える「いい感じなURL設計」入門
Page 29: Go 言語と React で考える「いい感じなURL設計」入門
Page 30: Go 言語と React で考える「いい感じなURL設計」入門
Page 31: Go 言語と React で考える「いい感じなURL設計」入門
Page 32: Go 言語と React で考える「いい感じなURL設計」入門
Page 33: Go 言語と React で考える「いい感じなURL設計」入門
Page 36: Go 言語と React で考える「いい感じなURL設計」入門
Page 37: Go 言語と React で考える「いい感じなURL設計」入門
Page 38: Go 言語と React で考える「いい感じなURL設計」入門
Page 39: Go 言語と React で考える「いい感じなURL設計」入門
Page 40: Go 言語と React で考える「いい感じなURL設計」入門
Page 41: Go 言語と React で考える「いい感じなURL設計」入門
Page 42: Go 言語と React で考える「いい感じなURL設計」入門

interface FooterProps { company:string } export class FooterComponent extends React.Component<FooterProps, any> { constructor(props:FooterProps) { super(props) }

// Props Build Error

// <FooterComponent />

<FooterComponent company="eurie Inc." />

Page 43: Go 言語と React で考える「いい感じなURL設計」入門

export class MemberComponent extends React.Component<MemberProps, MemberState> { constructor(props:MemberProps) { super(props); this.state = { member: {} } }; componentDidMount() { client().get("/members/" + this.props.params.number) .then(response => { this.setState({member: response.data}) }) .catch(response => { console.log(response) }) }; render() { let member = this.state.member; return <div id="member-component"> <h3>{member.name} : {member.number}</h3> <p>{member.createdAt}</p> </div> } }

Page 45: Go 言語と React で考える「いい感じなURL設計」入門
Page 46: Go 言語と React で考える「いい感じなURL設計」入門
Page 48: Go 言語と React で考える「いい感じなURL設計」入門
Page 49: Go 言語と React で考える「いい感じなURL設計」入門
Page 51: Go 言語と React で考える「いい感じなURL設計」入門

handleOnClick = (e):void => { e.preventDefault(); browserHistory.push("/members"') };

Page 52: Go 言語と React で考える「いい感じなURL設計」入門
Page 54: Go 言語と React で考える「いい感じなURL設計」入門
Page 55: Go 言語と React で考える「いい感じなURL設計」入門
Page 56: Go 言語と React で考える「いい感じなURL設計」入門
Page 57: Go 言語と React で考える「いい感じなURL設計」入門
Page 58: Go 言語と React で考える「いい感じなURL設計」入門
Page 59: Go 言語と React で考える「いい感じなURL設計」入門
Page 60: Go 言語と React で考える「いい感じなURL設計」入門
Page 61: Go 言語と React で考える「いい感じなURL設計」入門
Page 64: Go 言語と React で考える「いい感じなURL設計」入門
Page 65: Go 言語と React で考える「いい感じなURL設計」入門
Page 70: Go 言語と React で考える「いい感じなURL設計」入門
Page 71: Go 言語と React で考える「いい感じなURL設計」入門
Page 72: Go 言語と React で考える「いい感じなURL設計」入門
Page 73: Go 言語と React で考える「いい感じなURL設計」入門
Page 74: Go 言語と React で考える「いい感じなURL設計」入門
Page 75: Go 言語と React で考える「いい感じなURL設計」入門