React를 시작할 때 알아야 할 3가지
6487 단어 reactwebdevjavascript
따라서 만약에 ReactJS를 배우기 시작했거나 배우고 싶다면 계속 읽어 주십시오. 왜냐하면 저는 당신에게 신속하고 효과적인 입문 힌트를 제공할 것입니다.
JavaScript 능통
React를 배우기 전에 먼저 알아야 할 것은 JavaScript입니다.사실 React의 장점은 JavaScript 라이브러리일 뿐입니다.따라서 JavaScript에 대해 많이 알면 알수록 React로 프로그램을 작성할 수 있습니다.
JavaScript의 기초 지식을 습득하고 익히는 것은 매우 중요하다. 왜냐하면 React의 사용 효율이 더욱 높기 때문이다.
많은 사람들이 자주 범하는 오류 중 하나는 튼튼한 자바스크립트 프로그래밍 기반을 갖추기 전에 React를 배우는 것이다.그러니까 스스로 이런 실수를 하지 마세요.
먼저 JavaScript에 정통해야 합니다.그렇지 않으면, 당신은 곧 React와 함께 공부하는 모든 것에 잠길 것이다. 심지어는 React와 함께 일하는 것이 얼마나 좋은지 깨닫기 전에 물러날 수도 있다.따라서 React를 최대한 활용하기 위해 집중하고 싶다면 튼튼한 기반을 다져야 한다.
이를 위해, 나는 나의 블로그 게시물10 JavaScript Concepts You Should Learn To Master React을 읽는 것을 건의한다.또한 Marijn Haverbeke Eloquent JavaScript 를 보고 싶을 수도 있습니다.이것은 자바스크립트에 관한 좋은 책입니다. 당신은 온라인으로 읽을 수 있습니다 (무료).마지막으로 다음과 같은 온라인 과정을 고려해야 합니다. (무료), here 또는 JavaScript30.
Beginner JavaScript 과정의 첫 번째 부분에서 저는 당신에게 ES6를 사용하여 현대 자바스크립트를 배울 수 있는 전체 수업을 제공했습니다.이것 좀 봐, 완전 공짜야!
ES6 for Everyone
React 개발자 되기
반응에만 집중하다
두 번째는 공부에만 집중하는 것이다.React의 독특한 세 가지 주요 설계 원칙 (성명성 프로그래밍, 구성 요소의 구성과 단방향 데이터 흐름) 을 처음부터 이해해야 합니다.이것은 너의 학습 곡선을 크게 바꿀 것이다.
이외에도 React를 시작하기 위해 제3자 라이브러리나 도구가 필요하지 않습니다.React API는 매우 작고 간단합니다.실제로 React 응용 프로그램을 구축하는 데는 두 가지 방법이 필요하다.하나는 React 요소를 만드는 데 사용되고 다른 하나는 이 요소를 렌더링하는 데 사용됩니다.
네가 할 수 있는 가장 간단한 응용 프로그램은 index.html 파일과React 의존 항목뿐이다.
<html lang="en">
<head>
<title>React App</title>
</head>
<body>
<div id="root"></div>
<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/javascript">
var title = React.createElement("h1", null, "Hello, World!");
ReactDOM.render(title, document.getElementById("root"));
</script>
</body>
</html>
다시 한 번, 어떤 구축 도구도 배우고 설정할 필요가 없습니다.
명령을 실행하여 React 응용 프로그램을 설정할 수도 있습니다. 어떤 것도 설정할 필요가 없습니다.
npx create-react-app my-app
불행하게도 초보자를 위한 온라인 자원이 일련의 도구를 포함하고 있어 학습 반응이 실제 상황보다 더욱 복잡하다.이것이 바로 내가 
과정을 창설한 원인이다.그것은 React 개발자가 될 때까지 밑바닥에서부터 시작된다.React에 필요한 모든 것을 차근차근 배울 것입니다.
react 응용 프로그램 만들기
직접 힘써 하다
새로운 것을 배우는 것만큼 좋은 방법은 없다. 특히 새로운 프로그래밍 언어나 라이브러리를 배울 때.나는 이것이 하나의 개념을 파악하고 시간을 충분히 이용하는 유일한 방법이라고 정말 믿는다.
유튜브에서 몇 시간 동안 동영상 콘텐츠를 볼 수 있지만, 가능한 한 빨리 연습하지 않으면 어떤 것도 배울 수 없다.
Build (a lot of) things and start as early as possible in your learning journey.
이것은 ReactJS를 배우는 데도 효과적이다.일에 몰입하기만 하면 너는 천천히 좋아질 것이다.그러나 교육 자료를 차근차근 배우고 강사가 하고 있는 일을 복제하는 것만은 아니다.처음부터 React 응용 프로그램을 직접 구축합니다.이렇게 하면 너는 더욱 많이 배울 수 있을 것이다.간단한 일부터 시작해서 더 복잡한 응용 프로그램을 구축할 수 있습니다.
예를 들어 Become a React Developer 과정의 첫 부분부터 유행하는 Trello 응용 프로그램에 영감을 주어 자체로
를 구축할 것입니다.
Become a React Developer
그러니까 연습, 연습, 다시 연습!
플레이트 스타일 응용 프로그램
결론
이 문서의 목적은 ReactJS를 사용하기 시작하는 관건을 제공하는 것입니다.지금까지는 처음부터 무엇을 배우고 관심을 가져야 하는지 알아야 한다.
가장 중요한 점은 다음과 같습니다.
두 번째는 공부에만 집중하는 것이다.React의 독특한 세 가지 주요 설계 원칙 (성명성 프로그래밍, 구성 요소의 구성과 단방향 데이터 흐름) 을 처음부터 이해해야 합니다.이것은 너의 학습 곡선을 크게 바꿀 것이다.
이외에도 React를 시작하기 위해 제3자 라이브러리나 도구가 필요하지 않습니다.React API는 매우 작고 간단합니다.실제로 React 응용 프로그램을 구축하는 데는 두 가지 방법이 필요하다.하나는 React 요소를 만드는 데 사용되고 다른 하나는 이 요소를 렌더링하는 데 사용됩니다.
네가 할 수 있는 가장 간단한 응용 프로그램은
index.html 파일과React 의존 항목뿐이다.<html lang="en">
<head>
<title>React App</title>
</head>
<body>
<div id="root"></div>
<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/javascript">
var title = React.createElement("h1", null, "Hello, World!");
ReactDOM.render(title, document.getElementById("root"));
</script>
</body>
</html>
npx create-react-app my-app
react 응용 프로그램 만들기
직접 힘써 하다
새로운 것을 배우는 것만큼 좋은 방법은 없다. 특히 새로운 프로그래밍 언어나 라이브러리를 배울 때.나는 이것이 하나의 개념을 파악하고 시간을 충분히 이용하는 유일한 방법이라고 정말 믿는다.
유튜브에서 몇 시간 동안 동영상 콘텐츠를 볼 수 있지만, 가능한 한 빨리 연습하지 않으면 어떤 것도 배울 수 없다.
Build (a lot of) things and start as early as possible in your learning journey.
이것은 ReactJS를 배우는 데도 효과적이다.일에 몰입하기만 하면 너는 천천히 좋아질 것이다.그러나 교육 자료를 차근차근 배우고 강사가 하고 있는 일을 복제하는 것만은 아니다.처음부터 React 응용 프로그램을 직접 구축합니다.이렇게 하면 너는 더욱 많이 배울 수 있을 것이다.간단한 일부터 시작해서 더 복잡한 응용 프로그램을 구축할 수 있습니다.
예를 들어 Become a React Developer 과정의 첫 부분부터 유행하는 Trello 응용 프로그램에 영감을 주어 자체로
를 구축할 것입니다.
Become a React Developer
그러니까 연습, 연습, 다시 연습!
플레이트 스타일 응용 프로그램
결론
이 문서의 목적은 ReactJS를 사용하기 시작하는 관건을 제공하는 것입니다.지금까지는 처음부터 무엇을 배우고 관심을 가져야 하는지 알아야 한다.
가장 중요한 점은 다음과 같습니다.
Build (a lot of) things and start as early as possible in your learning journey.
이 문서의 목적은 ReactJS를 사용하기 시작하는 관건을 제공하는 것입니다.지금까지는 처음부터 무엇을 배우고 관심을 가져야 하는지 알아야 한다.
가장 중요한 점은 다음과 같습니다.
If you enjoyed the article, consider sharing it so more people can benefit from it! Also, feel free to follow on Twitter and join our Discord server.
Reference
이 문제에 관하여(React를 시작할 때 알아야 할 3가지), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/alterclass/3-things-you-need-to-know-when-starting-with-react-3f96텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
좋은 웹페이지 즐겨찾기
