Přehled reakce
React je jednou z otevřených knihoven JavaScriptu. Používá se pro vytváření interaktivních uživatelských rozhraní. Je to efektivní, deklarativní a flexibilní knihovna. Zabývá se komponentou V tj. View modelu-View-Controller (MVC). Není to celý rámec, ale pouze knihovna frontend. Umožňuje vytvářet nebo vytvářet složitá uživatelská rozhraní pomocí izolovaných a malých částí kódu známých jako komponenty. Hlavní výhodou komponent je to, že změna provedená u jedné komponenty neovlivní celou aplikaci.
To bylo vyvinuto softwarovým inženýrem Jordanem Walkem působícím na Facebooku. Facebook ji nasadil do svého zpravodajského kanálu a použil jej ke zlepšení svého uživatelského rozhraní. Zveřejněno bylo v květnu 2013.
Používá se speciálně pro jednostránkové aplikace. Jeho účelem je být škálovatelný, jednoduchý a rychlý. To lze použít v kombinaci s různými kostry nebo knihovnami JavaScriptu, jako je Angular JS.
Vlastnosti hotelu React
Podívejme se na základní a nejnáročnější vlastnosti React:
1. JSX
JSX znamená JavaScript XML. Jedná se o rozšíření syntaxe jazyka JS. Poskytuje způsob vykreslování komponent pomocí syntaxe podobné HTML. React používá k zápisu svých komponent JSX. Může používat čistý JavaScript, ale dává přednost JSX. Používá jej Babel, předprocesor k převodu textu podobného HTML nalezenému v souborech JavaScript na standardní objekty JS. HTML kód může být vložen do JavaScriptu, aby byl HTML kód snadno a srozumitelnější a vylepšil výkon JavaScriptu a učinil aplikaci robustní.
2. Virtuální objektový model dokumentu
Reakce vytvoří mezipaměť struktury dat v paměti, poté vypočítá rozdíl mezi předchozí DOM a novou a poté aktualizuje provedené změny nebo mutace. Aktualizuje pouze změny, ne celou aplikaci. To pomáhá zvyšovat rychlost a výkon a snižuje plýtvání paměti.
3. Testovatelnost
Názvy reakcí se používají jako funkce stavu, ve kterém stav určuje chování komponenty. Proto můžeme provést změny stavu a poté jej předat do zobrazení ReactJS a pak určit výstup a akce, funkce a události. To usnadňuje testování a ladění.
4. SSR
To znamená Server-Side Rendering. Umožňuje předem vykreslit počáteční stav komponent na straně serveru. Prohlížeč se může vykreslit bez čekání na spuštění nebo načtení veškerého JavaScriptu. Díky tomu se webové stránky načítají rychleji. Pomáhá uživateli prohlížet webové stránky, i když React stále stahuje JavaScript, propojuje události nebo vytváří virtuální DOM na pozadí.
5. Jednosměrná vazba dat
Umožňuje jednosměrný tok dat, tj. Jednosměrnou vazbu dat. Díky této funkci existuje lepší kontrola nad aplikací. Stav aplikace je tak obsažen ve specifických obchodech, a proto všechny ostatní komponenty zůstávají volně propojeny. To zvyšuje flexibilitu a efektivitu aplikace.
6. Jednoduchost
Soubory JSX činí aplikaci jednoduchou a srozumitelnou. K kódování lze použít standardní JavaScript, ale použití JSX to usnadňuje. Několik metod životního cyklu a přístup založený na komponentách usnadňují učení a provádění.
7. Křivka učení
Ve srovnání s jinými kostry je křivka učení Reactu nízká. Začátečníci se základním programovacím jazykem se také mohou snadno naučit reagovat.
Jak to funguje?
Když vývojářský tým Facebooku vytvářel aplikace na straně klienta, zjistil, že DOM (Object Object Model) je pomalý. Aby se zrychlil, je do Reactu implementována virtuální DOM, což je stromová reprezentace DOM v JavaScriptu.
React pracuje na virtuální DOM. Po provedení změn nemanipuluje s dokumentem v prohlížeči, provádí změny na virtuální DOM. Když je virtuální DOM zcela aktualizován, aktualizuje DOM prohlížeče co nejefektivnějším možným způsobem. Virtuální DOM React je zcela v paměti. Představuje webový prohlížeč DOM, takže když je zapsána komponenta React, vytvoří se virtuální komponenta, která je levná a která je pomocí React přeměněna na DOM. Reakce byla vytvořena pro použití v prohlížeči, ale s Node.js ji lze použít také se serverem.
Jak to používáme?
Použití React je jednoduché jako zahrnutí souboru JS do HTML. Podívejme se na použití React jednoduchým příkladem:
Kód:
First React Code
ReactDOM. render( First Code, document. querySelector ('#application')
);
First React Code
ReactDOM. render( First Code, document. querySelector ('#application')
);
First React Code
ReactDOM. render( First Code, document. querySelector ('#application')
);
First React Code
ReactDOM. render( First Code, document. querySelector ('#application')
);
Vypadá to trochu obtížně, ale je snadné jej implementovat a naučit se.
Kdo používá reakci?
React je na dnešním trhu populární a jeho funkce pomáhají velkým společnostem zlepšovat jejich zkušenosti a rozhraní.
Internetoví giganti jako Facebook, Instagram, Netflix, New York Times, Yahoo Mail, Khan Academy, WhatsApp, Vivaldi Browser, Codecademy a Dropbox používají React jedním nebo druhým způsobem. Ruská Sberbank také použila React o k vývoji webových stránek své banky.
Mnoho webových stránek jako github.com, reddit.com, outlook.live.com, bitbucket.org, account.godaddy.com a mnoho dalších také používá React.
Výhody React
- SEO přátelský
- Je snadné vytvořit testovací případy pro uživatelské rozhraní.
- Komponenty React lze snadno znovu použít.
- Zajišťuje rychlejší vykreslování.
- Ladění je snadné.
- Snadnost migrace.
- Zvyšuje produktivitu.
- Zápis součástí je snadný.
- Stabilní kód.
- Má užitečnou sadu nástrojů pro vývojáře.
- Pro vývoj mobilních aplikací je k dispozici nativní reakce
- Jednoduché se naučit.
- Zvyšuje výkon.
Nevýhody React
- Vysoké tempo vývoje.
- Špatná dokumentace.
- Další problémy se SEO.
- Pouze na zobrazení.
- Velká knihovna React.
- Křivka učení pro začátečníky.
- Vyžaduje ruční zpracování změn dat.
- V některých případech potřebujete více kódu.
Doporučený článek
Toto byl průvodce Co je React. Zde jsme diskutovali pojmy, definice a porozumění s výhodou a nevýhodou React. Další informace naleznete také v dalších navrhovaných článcích -
- Co je agilní programování?
- Co je multithreading v javě?
- Použití Raspberry Pi
- Co je JMS? | Definice Vysvětlení
- Reagovat Nativní vs. Reagovat
- Vytváření tlačítek stylů v Native React