Windows 11 v React: Všetko, čo potrebujete vedieť

Nainštalujte React na Windows 11 cez Node.js

V prípade, že ste novým Reactom, je to jeden z najlepších front-endov vývojová technológia, open-source JavaScript knižnica na vytváranie používateľských rozhraní pre webové aplikácie. Niektorí z našich čitateľov nedávno požiadali o informácie Windows 11 v React.

V tomto článku vám povieme všetko, čo potrebujete vedieť o Windows 11 v Reacte, vrátane toho, ako nainštalovať React.js na váš Windows 11 PC.

V tomto článku

• Môžem nainštalovať React na Windows 11?
• Ako nainštalovať React.js na Windows 11?
•  1. Nainštalujte Node.js z jeho oficiálnej webovej stránky
• 2. Nainštalujte React.js pomocou značky skriptu v HTML
• Môžem znova vytvoriť Windows 11 v React?

Môžem nainštalovať React na Windows 11?

Áno, React môžete nainštalovať na Windows 11. React je knižnica JavaScript, ktorú možno použiť s akýmkoľvek operačným systémom, ktorý podporuje JavaScript.

Inštalácia React na Windows 11 však vyžaduje, aby ste si stiahli a nainštalovali nejaký dodatočný softvér —Node.js a Správca balíkov uzlov (npm)— z GitHub, ktoré sú potrebné na to, aby React správne fungoval na vašom počítači so systémom Windows 11.

Node.js je prostredie JavaScript runtime, ktoré vám umožňuje spúšťať kód JavaScript mimo webového prehliadača zatiaľ čo npm je správca balíkov pre Node.js, ktorý používateľom umožňuje jednoducho inštalovať a spravovať balíky ako Reagovať.

Ako nainštalovať React.js na Windows 11?

 1. Nainštalujte Node.js z jeho oficiálnej webovej stránky

1. Otvorte prehliadač a navštívte stránku oficiálna stránka Node.js.
2. Vyberte Inštalátor systému Windows na stiahnutie 64-bitového inštalačného programu automaticky alebo manuálne stiahnutie 32-bitového inštalačného programu.
3. Po dokončení sťahovania dvakrát kliknite na súbor a spustite inštalačný program.
4. Dokončite inštaláciu podľa pokynov na obrazovke.
5. Teraz stlačte tlačidlo Windows + X kľúče na otvorenie Rýchle nastavenia Ponuka. Vyberte Terminál (správca) zo zoznamu.
6. V textovom poli spustite nasledujúci príkaz a stlačte Zadajte: npx create-react-app my-react-app
7. Tým sa vytvorí a nová aplikácia React v priečinku s názvom: moja aplikácia
8. Ďalej prejdite na Reagovať a zadajte cd my-app a zmeňte svoj aktuálny adresár na najnovšiu zložku aplikácie React.
9. Teraz spustite nižšie uvedený príkaz a spustite aplikáciu React: npm štart 
10. Tým sa spustí aplikácia vo vašom predvolený prehliadač.

Spustením tohto príkazu by ste teraz mali mať funkčný projekt React spustený na vašom počítači so systémom Windows 11. V prípade, že na nejaké narazíte problém s PowerShell, pozrite si našu odbornú príručku, aby ste to rýchlo vyriešili.

Prečítajte si viac o tejto téme

• CAA30194 Kód chyby tímu Microsoft: Ako to opraviť
• Windows Migration Assistant nefunguje? Opravte to v 7 krokoch

2. Nainštalujte React.js pomocou značky skriptu v HTML

1. Pri inštalácii postupujte podľa krokov uvedených v metóde 1 Node.js na vašom počítači so systémom Windows 11.
2. Otvorte a textový editor aplikácia ako napr Poznámkový blok alebo Kód Visual Studio a vytvorte a nový HTML súbor.
3. Uložte súbor s a rozšírenie .html, (my-react-app.html).
4. Do sekcie head súboru HTML pridajte nasledujúce značky skriptu:
5. Pridaj skriptová značka po dvoch vyššie uvedených značkách skriptu vo vašom súbore HTML.
6. Definujte svoj komponent React pomocou JavaScript.
7. V časti tela vášho HTML súbor, pridajte a prvok div s ID „root“:
8. Teraz uložte súbor HTML a otvorte ho vo svojom predvolenom prehliadači.

Postupujte podľa pokynov správne pomocou skriptová značka v HTML, mali by ste vidieť Hello, React! zobrazené na stránke. A to je všetko o tom, ako nainštalovať React.js na Windows 11 PC.

Môžem znova vytvoriť Windows 11 v React?

Áno, v Reacte je technicky možné obnoviť vizuálny vzhľad a niektoré funkcie Windowsu 11.

Aby ste to však dosiahli, museli by ste rozobrať rôzne komponenty a vizuálne prvky operačný systém a zostavte ich pomocou komponentov React.

To by zahŕňalo návrh a implementáciu Systém správy Windows 11, panel úloh, ponuka Štart, systémová lišta a ďalšie prvky používateľského rozhrania.

Dúfajme, že metódy uvedené v tomto článku vám pomohli nainštalovať React.js na Windows 11. V prípade, že sa stretnete s a modul sa nenašiel: nedá sa vyriešiť reakcia-router-dom, pozrite si nášho podrobného sprievodcu na vyriešenie problému.

Ak máte nejaké otázky alebo návrhy, neváhajte použiť sekciu komentárov nižšie.