리액트 스타터 앱


이 기사는 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 내가 하는 일과 계속해서 무료 콘텐츠를 만들도록 밀어붙이는 것.

좋은 웹페이지 즐겨찾기