react기초 - 노마더코더 ( 트위터 클론코딩 )

- create-react-app의 

  React.js application의 경우 환경변수 설정 시 : REACT_APP_'SOMETHING'

  : 깃에 올린다면 변수만 보임 / key나 url은 볼 수 없음 / 완전히 보안되는 것도 아님!

 

-Fragment : 많은 요소들을 render하고 싶을 때 사용, 부모 요소가 없을때

<>
</>

 

- router의 exact path : 주어진 경로와 딱 맞아야만 해당 컴포넌트 랜더링

 

- Absolute import 

//jsconfig.json
{
	"compilerOptions" : {
		"baseUrl": "src"
	},
	"include":["src"]
}

ex) import Button from 'components/Button'; 처럼 ./ 을 사용안해도 됨.

 

- es6 문법

{isLoggedIn &&  <Navigation />}
// Navigation이 존재할려면 isLoggedIn이 true

 

- router - redirect

<Redirect from="*" to="/" />
// "/"라우터 이외에는 전부 다 "/"로 가라