2020년, React 재시작

4258 단어 ReactDocker
내가 React를 처음 접한 것은 2016년 3월경이었는지, 아니면 Version 0.14경이었는지.
1년 정도 스프레드시트와 Gantt 그림 등의 구성 요소를 만듭니다.
React 대단해!
역시 FB!
결정했어!
이후 후단 개발 위주로 React에서 완전히 멀어졌다.
눈치채면 2020년, 버전이 언제 16.12로 바뀌었는지 알 수 있다.
TypeScript로 쓸 수 있나요?
React Hooks? 그게 뭐야?맛있어요?
에이, 컴포넌트윌~ 추천하지 않아요.도대체 무슨 일이 일어난 거야!?
...신경 쓰이는 일이 산더미처럼 쌓이다

TL;DR;


깨끗한 환경에서 React 응용 프로그램을 시작하십시오.
$ docker run --detach --interactive --rm --name app --publish 3000:3000 node:12-alpine
$ docker exec app npx create-react-app app
$ docker exec --interactive --tty --workdir /app app npm start
브라우저에서 열어봅시다.
http://localhost:3000

OK,
그러면 먼저 ctrl + c 응용 프로그램을 중지하고 React 응용 프로그램의 개발을 시작합시다!

TL;DR; for the next step

$ docker exec app apk add curl git vim zsh zsh-vcs
$ docker exec app git config --global user.email "[email protected]"
$ docker exec app git config --global user.name "Your Name"
$ docker exec --workdir /app app git init
$ docker exec --workdir /app app git add -A
$ docker exec --workdir /app app git commit -m "Initial commit"
$ docker exec --workdir /root app curl --remote-name https://raw.githubusercontent.com/hysh8392/dotfiles/master/.zshrc
$ docker exec --interactive --tty --workdir /app app zsh
우선 최소한의 명령만 설치
Mac에서 개발할 때 실제Docker Desktop for MacVisual Studio Code를 조합한 개발이 가장 강하지만 호스트 측의 작업 폴더를 용기에 설치하면 성능이 급격히 악화된다. 이것은 오랫동안 해결되지 않은 문제이기 때문에 vim에 넣을 때 w
이 문제는 Visual Studio Code의 신 아푸드'VS Code Remote Development'에서 해결될 수 있지만, 나는 다른 글에서 이 기능의 검증을 쓰고 싶다

그리고 개발을...


그럼 개발을 시작하겠습니다!
To be continued...웃다
기본적으로 회사의 방침에 위배되지 않는다
React.js의 생명주기 방법componentWillReceiveProps의 폐지 대응  
VScode 원격 배포 시도  

좋은 웹페이지 즐겨찾기