Kohei Yoneda yoneda

## t.txt
hello, worldd

## local-repository-copy.sh
cp -R source-dir new-dir && cd new-dir && rm -rf .git

## React設計の基礎の基礎.md

      
              3 files
            
          
              0 forks
            
          
              0 comments
            
          
              1 star
            
          
                yoneda
                / React設計の基礎の基礎.md
            
            
              Last active
              March 17, 2022 08:33
            
          
    そもそも設計は必要？


UI はコンポーネントの集まりでできている
コンポーネントがバラバラだったら嫌！
コンポーネントがバラバラだったら、今後見たくなくなる
コンポーネントがバラバラだったら、修正しにくいし追加もしにくい
コンポーネントに一定の秩序があることが大事

自由度が高いものには制限をかけることで運用しやすくなる


CSSでいうとBEM、JSでいうとESLintが近い


## Test.tsx
import * as React from "react";

export interface Props {
  text: string;
}

const Test: React.FC<Props> = ({ text }:Props) => {
  return(
    <div>{text}</div>
  )

## document.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                yoneda
                / document.md
            
            
              Last active
              March 10, 2019 04:18
            
              
                todoapp backend api
              
          
    TODO-API ドキュメント

タスク一覧を取得

path
GET /tasks

parameters

  
## Test.js
class Test extends React.Component{
  constructor(){
    super();
    this.state = {toggle:false}
    this.updateToggle = this.updateToggle.bind(this);
  }

  updateToggle(flag){
    this.setState({toggle:flag});
  }

## test.js
import React from "react";

const Test = ({}) => {
  return(
    <div>
      <p>texttext</p>
    </div>
  )
}

## prtemplate.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                yoneda
                / prtemplate.md
            
            
              Created
              December 10, 2018 09:52
            
              
                github pull request template
              
          
    概要

関連issue

技術的変更点

UIに対する変更

その他


## slide-aboutme

### 自己紹介
2018年11月22日 13:00-
フロントエンドLT会

---

#### outline
* どのように育ったか
* 趣味

## gist:274a2792462792ea9ddf139b2e550107
## 開発チーム4でやったこと

---

## 目次

* 自己紹介
* 解決した課題
* GOOD/MOTTO
	import * as React from "react";

	export interface Props {
	text: string;
	}

	const Test: React.FC<Props> = ({ text }:Props) => {
	return(
	<div>{text}</div>
	)
	class Test extends React.Component{
	constructor(){
	super();
	this.state = {toggle:false}
	this.updateToggle = this.updateToggle.bind(this);
	}

	updateToggle(flag){
	this.setState({toggle:flag});
	}
	import React from "react";

	const Test = ({}) => {
	return(
	<div>
	<p>texttext</p>
	</div>
	)
	}

	### 自己紹介
	2018年11月22日 13:00-
	フロントエンドLT会

	---

	#### outline
	* どのように育ったか
	* 趣味
	## 開発チーム4でやったこと

	---

	## 目次

	* 自己紹介
	* 解決した課題
	* GOOD/MOTTO