리액트 스타터 앱
이 기사는 Flutterwave의 후원을 받았습니다. Flutterwave는 전 세계 어디에서나 고객으로부터 온라인과 오프라인으로 결제를 하고 수락하는 가장 쉬운 방법입니다. 완전 무료입니다!
React는 앱의 성능을 향상시키는 유연하고 가벼운 라이브러리입니다. React는 사용자의 구성 없이 설치할 수 있습니다. 패키지 관리자는 NPM 또는 얀일 수 있으며 도구 또는 패키지는 create-react-app입니다. 대신 npm을 통해 설치하겠습니다.
Visual Studio Code will be used instead. To use the NPM package to create a React app, install Node.
React를 설치하려면 아래 단계를 따르세요.
1) 임의의 터미널(루트 디렉터리)에서 Visual Studio Code를 엽니다.
code .
2) Visual Studio 터미널 열기,
Ctrl
+ Shift
+ '
3) 데스크탑 디렉토리로 이동하십시오.cd Desktop
4) React 앱(my-app)을 생성합니다. 윈도우용.
npx create-react-app my-app
5) React 앱(my-app)을 생성합니다. 맥과 리눅스용.
sudo npx create-react-app my-app
6) 디렉토리를 프로젝트 폴더인 my-app으로 변경합니다.
cd my-app
7) 개발 서버를 시작합니다.
npm start
React 스타터 앱 데모
The development server runs the app at port 3000 on your local machine by default, http://localhost:3000/. If the port is different, it means another server is already running at port 3000.
Replit에 온라인으로 React를 설치하려면 아래 단계를 따르십시오.
Steps :
- 쉘 탐색 탭을 클릭합니다.
- 4~7단계를 따릅니다.
설치 프로세스는 Facebook Github repository에 문서화되어 있습니다.
React 설치 후 my-app 프로젝트에서 가장 관련성이 높은 폴더는 아래와 같이 구성됩니다.
my-app
├── README.md
├── node_modules
├── package.json
├── .gitignore
├── public
│ ├── favicon.ico
│ ├── index.html
│ └── manifest.json
└── src
├── App.css
├── App.js
├── App.test.js
├── index.css
├── index.js
├── logo.svg
└── serviceWorker.js
└── setupTests.js
즐거운 코딩!!!
<스타일>
.ltag__user__id__428113 .follow-action-button {
배경색: #000000 !중요;
색상: #ffffff !중요;
테두리 색상: #000000 !중요;
}
<사업부 클래스="ltag__user__content">
벨로
<사업부 클래스="ltag__user__summary">
Hi, I am Bello Osagie, a tech blogger, writer, and web developer. I teach web development for free… Join me to learn, discover, and have fun coding together!
테크스택 | 플러터웨이브
Flutterwave가 후원하는 Techstack 기사. Flutterwave는 전 세계 어디에서나 고객으로부터 온라인과 오프라인 모두에서 결제를 하고 수락하는 가장 쉬운 방법입니다. 완전 무료입니다! 또한 signup 을(를) 사용할 때 Flutterwave 달러 교환 카드를 받습니다. 온라인 상점을 열고 전 세계 어디에서나 비즈니스를 운영하세요.
<iframe width="710"height="399"src="https://www.youtube.com/embed/ClXVUM3Rf7A"allowfullscreen=""loading="lazy">
Sign up today to get started
Support 내가 하는 일과 계속해서 무료 콘텐츠를 만들도록 밀어붙이는 것.
Reference
이 문제에 관하여(리액트 스타터 앱), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/bello/react-starter-app-3iik텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)