단 하나의 파일로 반응 개발 설정!
2612 단어 reactwebdevjavascript
이 기사의 제목이 클릭 미끼이고 이것이 실제로 사실이 아니라고 생각하십니까? 🤷🏽♂️
글쎄요, 저도 며칠 전까지만 해도 같은 생각을 하곤 했습니다. 그런데 전혀 그렇지 않다는 것을 알게 되었습니다. 우리는 create-react-app 또는 웹팩 없이도 해키한 소규모 반응 애플리케이션을 개발하고 코딩할 수 있습니다.
하나의 html 파일만 있으면 됩니다!
해당 파일의 내용은 다음과 같습니다.
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>single page react boilerplate</title>
<meta name="description" content="The HTML5 Herald">
<meta name="author" content="kokaneka">
</head>
<body>
<div id="place-app"> </div>
<script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
<script src="https://unpkg.com/react@16/umd/react.development.js" crossorigin></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js" crossorigin></script>
<script type="text/babel">
var App = (props) => {
return (
<div >
Hello Universe!
</div>
);
};
ReactDOM.render(
App(),
document.getElementById('place-app')
);
</script>
</body>
</html>
그리고 그게 다야! 위의 파일을 사용하여 원하는 대로 React를 가지고 놀 수 있고 브라우저에서 html 파일을 열어 UI를 볼 수 있습니다.
이 설정에서 일어나는 마법에 대한 세부 정보는 다음과 같습니다.
그리고 그게 다야. 반응 개발 여정을 계속하십시오. 마음에 드셨다면 흥미로울 수 있는 다른 항목을 확인해 보세요.
어디에서나 dev.to 게시물을 퍼가세요!🥳
kapeel kokane ・ 2020년 5월 13일 ・ 1분 읽기
#react
#codepen
#javascript
#webdev
건배!
Reference
이 문제에 관하여(단 하나의 파일로 반응 개발 설정!), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/comscience/react-development-using-just-a-single-file-5e65텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)