>
=>
yey
lassi |
[oar J
neue amo ‘pyran | Tea Met)
PHETRE CeOALB OY Tegorely Qutet ! Teleaeae
[wnat 1s React 38 7] _
KeactIs_ isan open_gousee Jovaseript Sibrary,
used 4or_buliding Interfaces. It tomes oF
‘seating dynarnte_intevactive Web _
acplications by allow!ng developers to __
tcveate yeusable Ol COmpanents: __
_wh9 we Reactis? |
ceacts 1s opulay and widely used fox
Sevexal Yeasons + —
PrOonent Rased Aschifechuse _ _
fZeart alos you to break own syeur vt
indy. veuse components. Making Mr easter _
tb Manage. -
“Th Uses virial Dom, which Optimized
. Tendering by updating Only. Parts of pages
that: change Improving jeetFoxmjance.-(CLASSTIME|
[Oere __/_
Storage
ReacTs_1s a good
choice for Projects that | Projects thar need to
yequlve high Performance beable to scale easy. |
earth engine flendly
Ct Cannot be madeCLASSTIME] Po. No.
Dare
4 Lreecycte of COMPONENTS I a
— Bach Component in Feact har a Wfeeyele
_ wshich_you_can monitor and manipulote —___
| having _-three_maln_phases._ —
| te -theee phases ase + a
_ “lounting
_ Updating
_Unmounfing =
comnponentt did “sunt: | ) Oru Komne (Linkedia) Tutiver)
8 MOTE GMLEED Jeopmty Gules (Tedenyrare!
_ [Gongteuchor TO
_CInte Constructor Method ts Called by React,
~-every dime ya make 0 Com Ponent:-
ain =LASSTIRAE] Po. NO.
Date
Kh My Chis. state. Y < phe
—
Th ts a {-thls. store. color} a
{-his. state. model > =
— From_{ 4his . sfote . year) it
<1 p> _ —
[Change coror |LASSTINE] RS Fe.
(Crum
' {ising the hae Objet nas
| freer do the slote Object anywhere tn -the —
» Component using this. ‘state . Propertyname
4 Sut FAX
__Class Cax_extends React. sPepgeaest- A
Constructor Cpreps)_<
+
ee
—Model naman
colors: *
oT
Y. per - Sera Komnn os dia a r
NUCTES GALLERY opin Bucs Jeyra
vender ()
1 xetusn_(
| fawn a
Ch my (thie. stake, Josand yAtn>
_t Te fio L fat tote. colos?
odel Poo
My tar >
x div.»
=)4. _
= _Cine
— EACT Components —
| When creating a React Cornponent,the
‘| Component name must start udith uppercase .
f Certete
/ [ Class Component must _inalu. de_eytends. React.
_. Component statement:
ts He oattten. using less (ode
a
JT eetuen I love Ssx!X/hiy 5
_ Const _xost = Reactpom.createRoot( document. co
—— Clement _
‘Buy (‘oot ))5
_—xoot-xender (my Blemeat
Const soot = Rescr Dom. (seate Root (cecument.get
Clement by ta _C'xort?)))
soot. render Coy Element);
Cutouts
OT aa oat
yornple 1._JSx allows fod write HTML
LS thin. Jou ees
pagesiea a _Jovaccalpt languageThe Performance is [We fesformance is
Slovo as yeact- Slow When Cornpared
a ‘to. Vue.
Ut is not_sultable for_| Tk t¢ suitable Poe |
long-term support. _}_long tern Support __4
REACT ISX
put vomne (Linkedin [Thier )
NITES GALLEY going Buet(Te eer
—.Js% _oNows us to voxtte HTML elements tn _
—,dowaceript and place -them Iy_DDM wotthout®
—, Creating create Glement) av append Chita)
Sex onyerts HTML tags \nto veact elements.
—pyou_are_not x: ted “Jo use JSx , but Jsx
Ee es tp _wilte React application.\ (CLASSTIME]Pa No
I Date
LH. _
I
|
e£y difference pelween React and Vue. =a
| “Tre main. disHntion between yue and Rear =
. ts howd. they approach application design.
| while React Fuses o0_txeating—» yeusoble Ul
_ Components Mue _-fake ae -
e ~-Pamviding— developers with Ritend “roa tools.
_ let now 0 ica
__ differences -
“deazlage Web- based |web aswell as
cjobile application, __
t {ii deta ee Ata iacagemnen —
ay Is called } fs_Call
oty le « library,