React.JS fir Ufänger Dummies, benotzt d’Bibliothéik beim Schreiwen vun Handelsroboter

Wat ass React JS fir Ufänger Dummies, wat ass et, Tutorials, Installatioun, Dokumentatioun – wéi Dir d’React JS Bibliothéik installéiert a benotzt wann Dir Handelsroboter schreift. Dacks an Aarbechtsannoncen fir Computerspezialisten fannt Dir eng Fuerderung déi seet datt Dir Fäegkeeten an der JavaScript-Bibliothéik hutt. Jo, a si erwaarden d’Wësse vu React net nëmme vu Softwareentwéckler, awer och vu Programméierer, déi an der interner Entwécklung vum Site engagéiert sinn, an net externen Design. Wéi eng Bibliothéik ass dat, wéi eng Méiglechkeete gëtt et an der Aarbecht, a wou fänkt en Ufänger kennenzeléieren? Loosst eis et an dësem Artikel erausfannen.

JavaScript Bibliothéik – Reaktioun: wat ass et

React.JS ass eng Bibliothéik vun der populärer
JavaScript Programméierungssprooch , geformt vum online sozialen Netzwierk Facebook fir de Prozess vun der Entwécklung vun der externer Shell vu Siten an Uwendungen ze verbesseren an ze vereinfachen – d’Interface mat deem de Benotzer interagéiert. D’Haaptfunktioun vun der Bibliothéik ass Komponenten a Staaten. E Komponent ass en Deel vun engem digitale Set dee verantwortlech ass fir d’Erscheinung vun engem bestëmmten Deel vum System deen entworf gëtt.

Notéiert! Esou Komponente kënnen nestéiert ginn.

E Staat ass eng Sammlung vun all Daten iwwer d’Detailer vun engem Interface, inklusiv seng representativ Rendering. Mat Beispiller wäerte mir méi detailléiert a kloer erausfannen wat wat ass. D’Bild hei drënner weist e puer vun de grousse Komponenten – Posten op en online sozialen Netzwierk, eng Rubrik mat allgemenger Informatioun a weist Fotoen. All Deel enthält méi kleng Komponenten, déi d’Komponente sinn. Zum Beispill, eng Publikatioun enthält Text, Fotoen, den Numm vum Benotzer deen d’Informatioun publizéiert, etc.. D’Bild Sektioun enthält eenzel Biller, an der allgemeng Informatiounen Rubrik enthält kuerz Informatiounen.
All eenzel vun dëse Komponenten (Komponenten) hunn e Staat. Dat ass, d’Sektioun mat allgemenger Informatioun wäert op verschidden Apparater anescht ausgesinn, d'”like” Element ännert d’Faarf wann et gedréckt gëtt an d’Zuel verantwortlech fir d’total Zuel vu Likes; der Verëffentlechung, am Tour, kann den Text verkierzen oder komplett iwwerdroen.

Also gëtt d’Flexibilitéit vum React.JS ausgedréckt – d’Interface Komponent gëtt eemol geschriwwe, an duerno gëtt et all méiglech Zoustänn.

Firwat ass d’React Bibliothéik gebraucht?

React.JS ass eng vun de méiglechen Optiounen fir JS oder HTML Code an engem bequemen Format ze schreiwen, Kopien dovun ze bilden an et visuell ze maachen. D’Komponente hei sinn an enger spezieller Systemsprooch geschriwwe – JSX, déi Elementer vun der JavaScript Programméierungssprooch an der standardiséierter HTML Markupsprooch enthält.
Code geschriwwen an JSX ass ganz spezifesch. Et ass och wichteg datt de Webbrowser dës Systemsprooch net muss verstoen – de React.JS Code gëtt op JS transferéiert, wat all Browser ouni Probleemer erkennt. Fir dëst ze maachen, wat an der Bibliothéik erstallt gëtt, gëtt duerch spezialiséiert Compilere weidergeleet (ee vun de méi populär haut ass Babel js), déi Coden a manner bekannte Programméierungssproochen an JavaScript Representatioune konvertéieren.
Am Ufank kann et schéngen datt de Gebrauchssystem extrem onlogesch ass, awer no enger Zäit gewinnt Dir et an Dir mierkt firwat de Mechanismus esou entworf ass. D’JavaScript-Bibliothéik huet eng Rei staark Virdeeler:

• d’Systemprogramméierungssprooch ass méi einfach ze erkennen wéi de bekannte JavaScript, an dofir dauert et e puer Mol manner Zäit fir de Code z’ënnerstëtzen an d’Fehler op him ze eliminéieren (d’Geschwindegkeet fir nei Coden a Programmer ze schreiwen wäert deementspriechend eropgoen);
• e prakteschen a praktesche System vun konstituéierende Elementer ass hei gebaut – Widderhuelung vun Deeler vum Code, déi a verschiddene Schreifstadien an a verschiddene Programmer benotzt ginn, an och ofhängeg vum Kontext änneren;
• all Bestanddeel ass nëmmen ënnergeuerdnet zu sengem Staat , dofir ass et méi einfach Mängel am Code ze korrigéieren wann e Feeler op eemol a senger Aarbecht an der Praxis fonnt gëtt; falsch Momenter schwiewen op d’Uewerfläch: en Element dat richteg fonktionnéiert wäert weider stabil an dësem Modus funktionnéieren, ausser natierlech de falschen Zoustand ass par rapport zu deem benotzt.

Sou kënne mir schléissen datt d’React.JS Bibliothéik vill Zäit spuere kann, de Code méi spezifesch maachen, d’Sequenz an der richteger Uerdnung organiséieren a grouss Blocks erëm benotzen. Dës Virdeeler maachen et méiglech d’Käschte vum Prozess vun der Schafung vun User Interfaces ze reduzéieren, souwéi d’Zäit vun dësem Prozess ze beschleunegen. D’Fäegkeeten ze hunn fir d’JS an HTML Programméierungssprooch ze benotzen, ze léieren de System JSX ze benotzen ass einfach – just e puer Deeg fir et ze beherrschen.

Notéiert! Et ass rational d’Bibliothéik ze benotzen wann Dir mat grousse Projete schafft, wann et néideg ass eng grouss Zuel vun dynamesche Säiten ze schreiwen. E klenge Geschäftssite brauch net sou Komplexitéiten.

React JS fundamental Cours vun A bis Z: https://youtu.be/GNrdg3PzpJQ

Bekannte fir Ufänger: Basiskonzepter

Moien Welt!

Wann Dir op déi éischt Säit vun der Bibliothéik kënnt, gesäit de Benotzer eng wëllkomm Rubrik als e klengt Beispill – “Hallo Welt!”.

Fundamentals vun der JSX System Sprooch

JSX ass eng Systemprogramméierungssprooch, eng Ausdehnung vum bekannte JavaScript. Et enthält eng Kombinatioun vun zwou Sproochen – JA Programméierung an déi standardiséiert HTML Markup Sprooch. Entwéckler benotzen et fir d’Konzept unzepassen fir React genau ze weisen wéi d’Benotzerinterface soll ausgesinn. JSX erstellt d'”Deeler” vun der Bibliothéik.

Wat ass JSX?

D’React Bibliothéik hält sech un d’Logik datt d’Essenz vum Rendering direkt mat der Logik vun der User-Interface verbonnen ass: wéi d’Evenementer veraarbecht ginn, wéi den Zoustand an enger gewësser Period ännert, a wéi d’Informatioun op d’Presentatioun virbereet gëtt. D’JS-Bibliothéik kann ouni seng Systemsprooch benotzt ginn, awer eng grouss Zuel vun Entwéckler fannen et wäertvoll wéinst senger Kloerheet a Konkretitéit wann se mat engem User-Interface aus JavaScript Code generéiert ginn. Zousätzlech mécht d’Extensioun et méi einfach fir React fir ongëlteg Moment a Feeler Notifikatiounen ze generéieren.

Bildung vun Ausdréck an der Systemsprooch

JSX erlaabt Iech all gutt geschriwwen JavaScript Ausdrock bannent Curly Klameren an engem Prozess ze benotzen.

JSX ass och en Ausdrock Wann de Quellcode bytecodéiert ass, gëtt all JSX Ausdrock an e Standard JS Funktiounsruff deen d’JavaScript Kategorie zielt. Vun dësem kann et verstane ginn datt d’Systemverlängerung vun der offizieller Programméierungssprooch bannent der Handbuch a fir Perioden benotzt ka ginn.

JSX ass Objekter D’Objete representéiert vun der Extensioun ginn React Elementer genannt. Si klären d’Resultat dat den Entwéckler um Display wëll gesinn. D’Bibliothéik erkennt dës Objekter a benotzt se am Prozess fir den Document Object Model ze generéieren an z’erhalen.

Detail Rendering

Detailer sinn déi vill kleng Bausteng déi React Programmer ausmaachen.
Detailer sinn d’Bild dat den Entwéckler um Enn um Monitor wëll gesinn. Am Verglach mat Document Object Model Elementer sinn d’Bibliothéikelementer einfach an huelen net vill Ressourcen op. Elementer sinn d’Bestanddeeler vun de Komponenten.

Komponenten a Requisiten

Komponente maachen et méiglech d’UI an onofhängeg Deeler opzedeelen, déi méi einfach getrennt ze schaffen. Si kënne kombinéiert a verschidde Mol benotzt ginn. Fir de gréissten Deel ass d’Funktionalitéit vun de Komponenten ähnlech wéi d’Funktionalitéit vun der JavaScript Programméierungssprooch selwer. Si huelen Inputinformatioun, déi Requisiten genannt gëtt, a ginn React Elementer zréck, déi den Entwécklungsmodell uginn, deen den Entwéckler um Monitor wëll gesinn.

Varietéit vun Komponenten: funktionell a Klass

Et ass am einfachsten op eng Bibliothéikskomponent als Funktioun ze referenzéieren.
Komponente kënnen och am ES6 Klass Format vertruede ginn.

Interessant! D’React Bibliothéik definéiert dës zwou Aarte vu Komponenten als ähnlech.

Requisiten

Requisiten sinn onverännerbar Objeten déi nëmme liest sinn. Dofir soll e Bestanddeel näischt un seng Requisiten schreiwen, egal wéi eng Aart et gehéiert.

Staat a Liewenszyklus

Als éischt, loosst eis erausfannen, wéi de Staat op der Aarbecht richteg applizéiert gëtt. Et ginn dräi wichteg Saachen ze wëssen iwwer de Komponentstaat:

1. Verännert den Zoustand net direkt, benotzt d’SetState Method. Erënneren, datt déi eenzeg Géigend, wou Dir de Staat direkt änneren kann de constructor ass.
2. Staatsupdates kënnen net synchron sinn.
3. De Flux vun Informatioun huet eng Richtung. Beim Komponentkonstruktioun weess keen vun hinnen ob de Staat op eng aner Komponent zougewisen ass. Et ass egal wéi dëst oder dat onofhängegt funktionellt Element geformt gouf – mat engem funktionnellen oder Klassifikatiounsinstrument. Dëst gëtt “downstream” Datefloss genannt. E Staat ass ëmmer fir e puer Element definéiert, a strukturell Associatiounen vun dësem Staat kënnen nëmmen Deeler beaflossen déi “ënner” an der hierarchescher Uerdnung sinn.

Typesch gëtt de Staat als “lokal”, “intern” oder verstoppt bezeechent. Et ass nëmme siichtbar fir de funktionnelle Element selwer an onsichtbar fir aner Deeler vum React. An Bibliothéik Programmer, ob en onofhängegt funktionell Element mat engem bestëmmte Staat dotéiert ass oder net ass eng intern Entwécklung vun dësem Deel, déi mat der Zäit änneren kann. Et ass och interessant datt an der Aarbecht Dir Komponente mat an ouni Staat kombinéiere kënnt.

Event Analyse

De Prozess vun der Parsing vun Eventer a React Komponenten ass ähnlech wéi d’Handhabung vun Eventer an Dokumentobjektmodellelementer. Wéi och ëmmer, et gi verschidde Funktiounen déi se vuneneen ënnerscheeden:

1. Eventer an der JavaScript Bibliothéik ginn an engem anere Stil benannt wéi de Standard.
2. Mat der System Extended Programméierungssprooch passéiert den Entwéckler eng Subroutine als Eventhandler anstatt e String.

Bedingt Rendering vun Elementer

D’JavaScript-Bibliothéik mécht et méiglech d’Logik vun der Entwécklung vun Elementer an onofhängeg Komponenten ze briechen. Si kënne fir allgemeng Affichage ugewisen oder verstoppt ginn, je wat Staat se am Moment dotéiert sinn. Conditional Rendering vun Elementer funktionnéiert um selwechte Prinzip wéi bedingte Ausdrock baséiert op der JavaScript Programméierungssprooch. Heiansdo geschitt et datt d’Bibliothéik eng Erklärung erfuerdert wéi de Staat d’Verstoppen oder d’Rendering vun e puer Elementer beaflosst. Hei mécht et méi Sënn fir e bedingte JS Helfer oder Ausdréck ähnlech wéi wann.

Änneren Komponente

React Bibliothéik Elementer kënnen zu Variabelen bäigefüügt ginn. Dëst ass eng praktesch Léisung, wann e puer Bedingungen uginn, ob en Deel vun der Komponent gezeechent gëtt oder et net Sënn mécht, während de Rescht vum Deel onverännert bleift.

Lëschten a Schlësselen

Dës Sektioun enthält verschidde Komponenten:

1. Zeechnen verschidde Elementer . De Benotzer kann e Set vun Elementer bilden an et an d’Systemprogramméierungssprooch mat Curly Klammeren embeden.
2. Elementar Lëscht vun Elementer . Dacks passen d’Benotzer an d’Entwéckler Lëschten direkt an engem Komponentdeel un.

Schlësselen

E Schlëssel an der React JavaScript Bibliothéik bezeechent e spezialiséiert Tool dat muss aginn wann Dir eng Lëscht vu Komponenten generéiert. Schlësselen hëllefen d’JavaScript-Bibliothéik fir z’identifizéieren wéi eng Elementer ugepasst, bäigefüügt oder ewechgeholl goufen. Et ass wichteg se ze markéieren sou datt React d’Komponente vun de strukturellen Donnéeën korreléiere kann nodeems eng gewëssen Zäit vergaangen ass.

Formen

An der JS Bibliothéik funktionnéieren standardiséiert Markup Sproochelementer e bëssen anescht wéi Komponenten vum Dokumentobjektmodell, well Formelementer am Ufank e verstoppte Staat hunn.

Managed Artikelen

An enger standardiséierter Markupsprooch, Forme wéi Input , Select , Textarea tendéieren hiren eegene Staat z’erhalen an ze aktualiséieren wann den Entwéckler nei Informatioun agitt. React.js Staat definéiert ëmmer de Wäert vun Input Felder an engem geréiert komponéieren Element. Och wann dëst beweist datt de Benotzer e bësse méi muss schreiwen wéi den ursprénglechen gegebene Code, ass et elo méiglech dëse Wäert un aner Deeler vun der User-Interface weiderzeginn.

Den Opstieg vum Staat

State Lifting ass eng standardiséierter Schabloun, déi all Entwéckler sollt bewosst sinn a kënnen am Prozess vun der Aarbecht applizéieren. Benotzt et wäert komplex an normalerweis nëtzlos Staatsmanagementmuster eliminéieren.

Firwat ass et esou néideg den Opstig vum Staat ze kontrolléieren?

D’Erhéijung vum Staat op den Niveau vun de vergaangene Komponenten fir déi Deeler déi et erfuerderen ass néideg fir datt all Elementer an der Staat deelhuelen kënnen. E stabile Staatsniveau wäert et méi einfach maachen et tëscht all de Komponenten ze verdeelen déi drop vertrauen.

Zesummesetzung vs Ierfschaft

React.js enthält e staarken Zesummesetzungsmodell, sou datt et recommandéiert ass de Prozess ze benotzen fir e Ganzt aus Deeler ze bauen anstatt Ierfschaft fir de Code, dee fréier tëscht Elementer geschriwwe gouf, ze benotzen. Also, Requisiten an d’Kapazitéit fir eng eenzeg ganz Zesummesetzung aus Bestanddeeler ze kreéieren, bidden den Entwéckler d’Flexibilitéit déi néideg ass fir d’Schuel an d’Verhalen vum Element op eng spezifesch a sécher Manéier ze kreéieren.

Erënnerung! Komponenten Deeler kënnen onofhängeg Requisiten huelen, dorënner elementar Deeler déi Bibliothéiken oder Funktiounen ausmaachen.

Am Fall wou Dir eng Look-gratis Funktioun benotze musst fir mat Komponenten eng zweet oder drëtt Kéier ze schaffen, zitt se an e separaten JS Modul eraus. Beweegt et an eng Komponent a benotzt déi generéiert Funktioun ouni weider Expansioun. Reaktioun oder Vue oder Angular, wat ze wielen: https://youtu.be/Nm8GpLCAgwk

React.js Prinzipien

Déi ganz Philosophie vun der JavaScript Bibliothéik ass am React Guide verstoppt. Et schéngt, datt dëst laang an net vun esou grousser Wichtegkeet ass, awer vill Benotzer behaapten datt no der Liesung alles op der Plaz gefall ass. D’Dokumentatioun ass zimlech al, awer nach ëmmer vu grousse Wäert a Relevanz –
https://ru.reactjs.org/docs/thinking-in-react.html . React js Tutorial https://ru.reactjs.org/tutorial/tutorial.html

Funktionalitéit vun der React.js Bibliothéik

Mat der JavaScript-Bibliothéik kritt de Benotzer d’Méiglechkeet all seng Opmierksamkeet direkt op den UI Entwécklungsprozess an d’Komponente vun der Applikatioun ze bezuelen, op d’mannst duerch d’Bildung a méiglech Mängel vum schrëftleche Code ofgelenkt. D’Bibliothéik erlaabt Iech Programmer méi séier z’entwéckelen, mécht et méi einfach d’Komponenten an de Prozess vum ganze Projet als Ganzt ze konfiguréieren an z’änneren. Also enthält React.js Elementer verantwortlech fir Kommunikatioun am globalen Netzwierk, UI, Programmstaatskontroll an d’Fäegkeet fir aner komplex Themen ze léisen. D’Bibliothéik huet och déi folgend funktionell Funktiounen:

1. Praktesch . React.js ass verfügbar a minifizéiert Format. Dëse kompakte Package muss net kloer konfiguréiert sinn. Et enthält schonn eng Code Split Feature déi d’Zäit reduzéiert déi et brauch fir d’Browser Versioun vum Site opzemaachen, well dës Optioun verhënnert datt Komponenten zur selwechter Zäit renderéieren.
2. Gepompelt Ökosystem a Konformitéit . Eng grouss Zuel vun Tools sinn an der Bibliothéik verfügbar, ënnerstëtzt vun anere Siten, wat de Benotzer erlaabt nei komplex Programmer fir all Zweck z’entwéckelen.
3. Voll Funktionalitéit . Den Haaptvirdeel vun der JavaScript-Bibliothéik ass datt all nei Versioune vun der Plattform den Ufuerderunge vun den alen entspriechen, sou datt Dir souwuel déi al wéi déi aktualiséiert Versioun benotze kënnt, all si sinn ënnerstëtzt a sinn relevant bis haut. Virdrun verëffentlecht Versioune ginn net obsolet no de leschten Updates.

Praktesch Notzung

Op der Haaptsäit vun der Bibliothéik, an den Instruktioune fir d’Benotzer, ginn et e puer illustrativ Beispiller fir React an der Praxis ze benotzen. Dir kënnt se manuell korrigéieren a probéieren se auszeféieren. Och wann Dir en neie Benotzer sidd an d’Essenz an d’Logik vun der Bibliothéik net versteet, passt de Code no Äre Wënsch un a kuckt d’Resultat.

Praktesch Uwendung vu React wann Dir Handelsroboter a JavaScript schreift

Et ass wichteg ze realiséieren datt en Entwéckler net JS programméiert, awer Scripte (Skripte) schreift. dofir, mat der Bibliothéik, kann en Entwéckler Code fir eng pafolgende Trading Roboter schreiwen fir Handel Zwecker benotzt, an och weider seng Optrëtt baséiert op dëser Plattform ze Design. Tatsächlech ass en Handelsroboter fir den Handel och eng Applikatioun, vun deenen eng grouss Zuel mat React.js entwéckelt gëtt. Wéi och ëmmer, e puer Funktiounen an den internen Deel vum Bot musse nach ëmmer op anere Site gemaach ginn, déi Tools ubidden, déi dofir passend sinn.

GitHub an React.js

GitHub ass eng Plattform déi all Versioune vu Projeten héiert. De Benotzer verbënnt Hosting, geet duerch d’Registrierungsprozedur op der offizieller GitHub Websäit, an erstellt dann en Online Repository wou hien all Dateie vu Git transferéiert.
Git ass de populärsten an relevanteste Projet Versioun Kontroll Service haut, a GitHub ass e Remote Code Repository.

Referenz! Nëmmen déi Benotzer, déi de passende Link mat Erlaabnis kritt hunn, hunn Zougang zum Editéieren an erofzelueden Dateien.

Dokumentatioun

All Tutorials an aktuell Materialien iwwer d’JavaScript-Bibliothéik sinn aktuell mam leschten Update. D’Entwéckler kompiléieren a posten och fir allgemeng al Versioune vun der Dokumentatioun ze liesen, op enger separater Säit vun der Bibliothéik gepost. Dofir ass et méi einfach fir Ufänger d’Fäegkeete vum Sitemanagement ze beherrschen: al an neit Material – alles ass hei, den Zougang ass gratis fir jiddereen.

Notéiert! Vergiesst net d’Handbuch ze liesen. Op d’mannst e Bléck – scho wäert dat meescht vun deem, wat onverständlech ausgesinn huet, op der Plaz falen.

D’React Bibliothéik ass eng populär a relevant Plattform haut. Seng Villsäitegkeet erlaabt d’Entwéckler Projete vu besserer Qualitéit a manner Zäit ze maachen. Zousätzlech, d’Plattform ze kennen an d’Fäegkeeten ze benotzen, mécht e Spezialist méi gefrot um Aarbechtsmaart.