Instalarea React.js pe Mac

Software-ul este o bibliotecă JavaScript front-end gratuită și open-source. În 2013, React.JS a fost înființat de Facebook.

Este o bibliotecă de interfață cu utilizatorul (UI) care este utilizată pentru a crea și manipula componentele UI. Este un pachet care permite dezvoltatorilor să creeze aplicații SPA foarte eficiente bazate pe date.

Se bazează pe programare funcțională, se bazează pe conceptul de imuabilitate și promovează arhitectura bazată pe componente bazată pe principiul reutilizabilității unice.

În acest articol, vom trece peste procedurile despre cum să instalați react pe Mac. După ce ați finalizat etapele de instalare, vă recomandăm să participați online la trainingul React.

Să explorăm câțiva termeni înainte...

NodeJS și NPM

• Mai întâi trebuie să instalați NodeJS și NPM pentru a obține instalarea React pe Mac.
• Este un motor JavaScript care vă permite să-l rulați în afara browserului.
• NPM (managerul de pachete de noduri) este utilizat pe linia de comandă. Este pentru a instala biblioteci precum ReactJS.
• Puteți instala NodeJS prin intermediul site-ului lor oficial. Când instalați NodeJS, va descărca și NPM pentru dvs.
• După descărcarea NodeJS de pe site-ul lor, găsiți fișierul „.pkg”. Pur și simplu faceți dublu clic pe aceasta. Va lansa o fereastră pop-up pentru instalare.
• Veți fi direcționat către procesul de instalare. Faceți clic pe „Instalare” sau „Modificați locația de instalare”
• Când procesul este finalizat, vi se va solicita un mesaj final. NodeJS și NPM sunt instalate.

Instalarea ReactJS pe MacOS

După instalarea NodeJS și NPM, se poate instala ReactJS. Se realizează prin executarea npm install- save react react-dom.

Creați proiectul ReactJS

Deoarece am instalat ReactJS, se poate crea un nou director de proiect react. Se realizează prin rularea proiectului npx create react. create-react-app.

React- Introducere

Înainte de a continua cu instalarea React-Lib pe Mac, trebuie mai întâi să obținem o înțelegere de bază a React.

• React este un pachet care ajută dezvoltatorii web și arhitecții să îndeplinească așteptările clienților care necesită un flux mare de date și interfețe de utilizare cu răspuns rapid în contextul datelor.
• Este construit pe o arhitectură bazată pe componente. Pagina web poate fi reprezentată de componentele Părinte și Copil.
• Se bazează în mare parte pe Virtual DOM, care funcționează ca un optimizator de performanță pentru operațiunile DOM.
• O pagină web HTML are un arbore DOM, pe care browserul îl folosește pentru a reda pagina web.

Atunci când un utilizator interacționează cu o pagină, aceasta implică adăugarea și inserarea de informații pe baza acțiunii utilizatorului. ca în Un utilizator a adăugat un articol în coș. Coșul afișează acum articolul modificat ca urmare a deciziei utilizatorului.

În culise, documentul HTML suferă o transformare care permite partajarea paginii modificate.

După cum sa menționat anterior, arborele DOM reprezintă documentul HTML. În cazul precedent, DOM-ul necesită unele ajustări, care includ inserarea și ștergerea anumitor noduri HTML.

Acest lucru ajută la afișarea informațiilor esențiale care simbolizează ceea ce un utilizator încearcă să facă în contextul revizuirii sale

decizie de cumpărare.

S-ar putea să vedem DOM ca pe un copac pentru a-l înțelege mai bine.

Arborele are rădăcini, precum și ramuri. În mod similar, elementul HTML se află în partea de sus a DOM, iar nodurile de sub acesta sunt conectate la nodul părinte. În ceea ce privește analogia arborelui, nodul părinte poate fi reprezentat ca trunchi, cu alte noduri conectându-se la trunchi. Și React este folosit pentru a îmbunătăți operațiunile de inserare și ștergere pe aceste noduri.

Există o penalizare de memorie asociată cu această operație de inserare și ștergere pe HTML DOM. În ceea ce privește operațiunile de actualizare a DOM, DOM virtual funcționează ca un optimizator de performanță.

Păstrează două copii: una dintre DOM-ul real (react DOM) și una dintre actualizările care urmează să fie făcute. Procesul de minimizare a modificării asupra DOM-ului react este, de asemenea, cercetat ca parte a procesului de reconciliere.

Node.js și npm

Node.js execută codul JavaScript. Este un mediu de execuție open-source și multi-platformă pentru JavaScript. Este alimentat de motorul Chrome V8. Motorul Chrome V8 este scris în C++. Node este compatibil cu Windows, Mac și Linux.

După instalarea Node.js, este posibil să executăm aplicația bazată pe React local pe sistemul nostru în timpul dezvoltării. Acest lucru ne permite, de asemenea, să implementăm programul nostru pe serverul de producție.

Node.js include următoarele caracteristici:

• Utilizează JavaScript ca limbaj principal
• I/O non-blocante
• Suportă programare asincronă
• Poate gestiona numeroase cereri de conectare folosind un singur server.

Npmjs.org este un depozit de cod online de mii de module (npm) care ne permite să instalăm module de noduri folosind comenzi simple.

Unele module sunt autonome, în timp ce altele necesită interdependență pentru a funcționa corect. Node.js ne permite să efectuăm operațiuni de citire și scriere pe server. De asemenea, vă permite să lucrați cu baze de date.

În loc să creăm funcționalitate de la zero, putem căuta un modul și reutiliza și extinde funcționalitatea acestuia.

Inițiativele dezvoltatorilor implică de obicei constrângeri de timp și buget. Când vine vorba de Node. Dezvoltare bazată pe js, npmjs.org este un colac de salvare pentru comunitatea de dezvoltatori.

În concluzie

În acest tutorial, am aflat despre React.js și despre abordarea arhitecturii bazate pe componente în React.js. Avem, de asemenea, o prezentare generală la nivel înalt a DOM-ului virtual.

Am discutat despre conceptul de reconciliere, despre utilizarea Node.js în lumea JavaScript și despre capacitatea acestuia de a gestiona ieșirile I/O neblocante pentru a îndeplini cererile de conexiune ale clienților în mod concurent.

Am testat două tehnici de instalare a Node.js: una cu gestionarea pachetelor și una cu linia de comandă.

Pentru a începe rapid să utilizați React.js, am folosit modulul create-react-app. De asemenea, putem folosi linia de comandă pentru a instala React.js.

Pentru a evita supraîncărcarea cu prea multe detalii, am folosit tehnica create-react-app pentru acest tutorial. Am văzut prima noastră aplicație react rulând după ce a dezvoltat-o. Am evaluat rapid fișierele importante care operează aplicația pentru a ne familiariza cu codul din punct de vedere al dezvoltării.

Citeste si:

• Virușii Mac sunt în viață Omoară-i și locuiește în liniște!