ReactReactv19.3Search⌘CtrlKLearnReferenceCommunityBlogReactThelibraryforwebandnativeuserinterfacesLearnReactAPIReferenceCreateuserinterfacesfromcomponentsReactletsyoubuilduserinterfacesoutofindividualpiecescalledcomponents.CreateyourownReactcomponentslikeThumbnail,LikeButton,andVideo.Thencombinethemintoentirescreens,pages,andapps.Video.jsfunctionVideo()/>ahref=>h3>h3>p>p>a>LikeButtonvideo=/>div>);}MyvideoVideodescriptionWhetheryouworkonyourownorwiththousandsofotherdevelopers,usingReactfeelsthesame.Itisdesignedtoletyouseamlesslycombinecomponentswrittenbyindependentpeople,teams,andorganizations.WritecomponentswithcodeandmarkupReactcomponentsareJavaScriptfunctions.Wanttoshowsomecontentconditionally?Useanifstatement.Displayingalist?Tryarraymap().LearningReactislearningprogramming.VideoList.jsfunctionVideoList()return(section>h2>h2>video=/>)}section>);}3VideosFirstvideoVideodescriptionSecondvideoVideodescriptionThirdvideoVideodescriptionThismarkupsyntaxiscalledJSX.ItisaJavaScriptsyntaxextensionpopularizedbyReact.PuttingJSXmarkupclosetorelatedrenderinglogicmakesReactcomponentseasytocreate,maintain,anddelete.AddinteractivitywhereveryouneeditReactcomponentsreceivedataandreturnwhatshouldappearonthescreen.Youcanpassthemnewdatainresponsetoaninteraction,likewhentheusertypesintoaninput.Reactwillthenupdatethescreentomatchthenewdata.SearchableVideoList.jsimportfromreact;functionSearchableVideoList()onChange=/>VideoListvideos=emptyHeading=”`}/>>);}example.com/videos.htmlReactVideosAbriefhistoryofReactSearch5VideosReact:TheDocumentaryTheoriginstoryofReactRethinkingBestPracticesPeteHunt(2013)IntroducingReactNativeTomOcchino(2015)IntroducingReactHooksSophieAlpertandDanAbramov(2018)IntroducingServerComponentsDanAbramovandLaurenTan(2020)Youdon’thavetobuildyourwholepageinReact.AddReacttoyourexistingHTMLpage,andrenderinteractiveReactcomponentsanywhereonit.AddReacttoyourpageGofull-stackwithaframeworkReactisalibrary.Itletsyouputcomponentstogether,butitdoesn’tprescribehowtodoroutinganddatafetching.TobuildanentireappwithReact,werecommendafull-stackReactframeworklikeNext.jsorReactRouter.confs/[slug].jsimportfrom./database.js;importfromreact;asyncfunctionConferencePage());return(ConferenceLayoutconf=>Suspensefallback=>TalksconfId=/>Suspense>ConferenceLayout>);}asyncfunctionTalks());constvideos=talks.map(talk=>talk.video);returnSearchableVideoListvideos=/>;}example.com/confs/react-conf-2021ReactConf2021ReactConf2019Search19VideosReactConfReact18KeynoteTheReactTeamReactConfReact18forAppDevelopersShrutiKapoorReactConfStreamingServerRenderingwithSuspenseShaundaiPersonReactConfTheFirstReactWorkingGroupAakanshaDoshiReactConfReactDeveloperToolingBrianVaughnReactConfReactwithoutmemoXuanHuang(黄玄)ReactConfReactDocsKeynoteRachelNaborsReactConfThingsILearntfromtheNewReactDocsDebbieOBrienReactConfLearningintheBrowserSarahRainsbergerReactConfTheROIofDesigningwithReactLintonYeReactConfInteractivePlaygroundswithReactDelbadeOliveiraReactConfRe-introducingRelayRobertBalickiReactConfReactNativeDesktopEricRozellandStevenMoyesReactConfOn-deviceMachineLearningforReactNativeRomanRädleReactConfReact18forExternalStoreLibrariesDaishiKatoReactConfBuildingAccessibleComponentswithReact18DiegoHazReactConfAccessibleJapaneseFormComponentswithReactTafuNakazakiReactConfUIToolsforArtistsLyleTroxellReactConfHydrogen+React18HelenLinReactisalsoanarchitecture.Frameworksthatimplementitletyoufetchdatainasynchronouscomponentsthatrunontheserverorevenduringthebuild.Readdatafromafileoradatabase,andpassitdowntoyourinteractivecomponents.GetstartedwithaframeworkUsethebestfromeveryplatformPeoplelovewebandnativeappsfordifferentreasons.Reactletsyoubuildbothwebappsandnativeappsusingthesameskills.Itleansuponeachplatform’suniquestrengthstoletyourinterfacesfeeljustrightoneveryplatform.example.comStaytruetothewebPeopleexpectwebapppagestoloadfast.Ontheserver,ReactletsyoustartstreamingHTMLwhileyou’restillfetchingdata,progressivelyfilling intheremainingcontentbeforeanyJavaScriptcodeloads.Ontheclient,ReactcanusestandardwebAPIstokeepyourUIresponsiveeveninthemiddleof rendering.11:09AMGotrulynativePeopleexpectnativeappstolookandfeelliketheirplatform.ReactNativeandExpoletyoubuildappsinReactforAndroid,iOS,andmore.TheylookandfeelnativebecausetheirUIsaretrulynative.It’snotawebview—yourReactcomponentsrenderrealAndroidandiOSviewsprovidedbytheplatform.WithReact,youcanbeawebandanativedeveloper.Yourteamcanshiptomanyplatformswithoutsacrificingtheuserexperience.Yourorganizationcanbridgetheplatformsilos,andformteamsthatownentirefeaturesend-to-end.BuildfornativeplatformsUpgradewhenthefutureisreadyReactapproacheschangeswithcare.EveryReactcommitistestedonbusiness-criticalsurfaceswithoverabillionusers.Over100,000ReactcomponentsatMetahelpvalidateeverymigrationstrategy.TheReactteamisalwaysresearchinghowtoimproveReact.Someresearchtakesyearstopayoff.Reacthasahighbarfortakingaresearchideaintoproduction.OnlyprovenapproachesbecomeapartofReact.ReadmoreReactnewsLatestReactNewsReact19.3September9,2026TheReactFoundation:ANewHomeforReactHostedbytheLinuxFoundationFebruary24,2026AdditionalVulnerabilitiesinRSCDecember11,2025VulnerabilityinReactServerComponentsDecember3,2025ReadmoreReactnewsJoinacommunityofmillionsYou’renotalone.TwomilliondevelopersfromallovertheworldvisittheReactdocseverymonth.Reactissomethingthatpeopleandteamscanagreeon.ThisiswhyReactismorethanalibrary,anarchitecture,orevenanecosystem.Reactisacommunity.It’saplacewhereyoucanaskforhelp,findopportunities,andmeetnewfriends.Youwillmeetbothdevelopersanddesigners,beginnersandexperts,researchersandartists,teachersandstudents.Ourbackgroundsmaybeverydifferent,butReactletsusallcreateuserinterfacestogether.WelcometotheReactcommunityGetStartedCopyright©MetaPlatforms,Incnouwuplzuwu?Logoby@sawaratsuki1004LearnReactQuickStartInstallationDescribingtheUIAddingInteractivityManagingStateEscapeHatchesAPIReferenceReactAPIsReactDOMAPIsCommunityCodeofConductMeettheTeamDocsContributorsAcknowledgementsMoreBlogReactNativePrivacyTerms