React Native · Learn once, write anywhere

about 500~20000

173

Backfired. hard to succeed fierce

3

172.67.213.177

ReactNative·Learnonce,writeanywhereSkiptomaincontentSupportUkraine🇺🇦HelpProvideHumanitarianAidtoUkraine.ReactNativeDevelopmentGuidesComponentsAPIsArchitectureContributingCommunityShowcaseBlogSearchFollow@reactnativeStarReactLogoReactNativeLearnonce,write anywhere.GetstartedLearnthebasicsCreatenativeappsforAndroid,iOS,andmoreusingReactReaReact Native · Learn once, write anywherectNativecombinesthebestpartsofnativedevelopmentwithReact,abest-in-classJaScriptlibraryforbuildinguserinterfaces.Usealittle—oralot.YoucanuseReactNativetodayinyourexistingAndroidandiOSprojectsoryoucancreateawholenewappfromscratch.WritteninJaScript—renderedwithnativecodeReactprimitivesrendertonativeplatformUI,meaningyourappusesthesamenativeplatformAPIsotherappsdo.Manyplatforms,oneReact.Createplatform-specificversionsofcomponentssoasinglecodebasecansharecodeacrossplatforms.WithReactNative,oneteamcanmaintainmultipleplatformsandshareacommontechnology—React.importReactfromx27;reactx27;;import{Text,View}fromx27;react-nativex27;;import{Header}fromx27;./Headerx27;;import{heading}fromx27;./Typographyx27;;constWelcomeScreen=()=>(<View><Headertitle=&quoReact Native · Learn once, write anywheret;WelcometoReactNative"/><Textstyle={heading}>StepOne</Text><Text>EditApp.jstochangethisscreenandturnitintoyourapp.</Text><Textstyle={heading}>SeeYourChanges</Text><Text>PressCmd+Rinsidethesimulatortoreloadyourapp’scode.</Text><Textstyle={heading}>Debug</Text><Text>PressCmd+MorShakeyourdevicetoopentheReactNativeDebugMenu.</Text><Textstyle={heading}>Learn</Text><Text>Readthedocstodiscoverwhattodonext:</Text></View>);NativeDevelopmentForEveryoneReactNativeletsyoucreatetrulynativeappsanddoesn'tcompromiseyourusers'experiences.ItprovidesacoresetofplatformnosticnativecomponentslikeView,Text,andImethatmapdirectlytotheplatform’snativeUIbuildingblocks.SeamlessCross-PlatformReactcomponentswrapexistingnativecodeandinteractwithnativeAPIsviaReact’sdeclarativeUIparadigmandJaScript.Thisenablesnativeappdevelopmentforwholenewteamsofdevelopers,andcanletexistingnativeteamsworkmuchfaster.App.jsHeader.ios.jsHeader.android.jsBody.jsImeTextTextTextTextTextFastRefreshSeeyourchangesassoonasyouse.WiththepowerofJaScript,ReactNativeletsyouiterateatlightningsReact Native · Learn once, write anywherepeed.Nomorewaitingfornativebuildstofinish.Se,see,repeat.TalksandVideosMembersoftheReactNativeteamfrequentlyspeakatvariousconferences.YoucanfollowthelatestnewsfromtheReactNativeteamonTwitterFollow@reactnativeTheMetaOpenSourceteamhasputtogetherashortoverviewofReactNative,wheretheyexplainedtheprojectinbeginnerx27;sterms.FacebookSupported,CommunityDrivenFacebookreleasedReactNativein2015andhasbeenmaintainingiteversince.In2018,ReactNativehadthe2ndhighestnumberofcontributorsforanyrepositoryinGitHub.Today,ReactNativeissupportedbycontributionsfromindividualsandcompaniesaroundtheworldincludingCallstack,Expo,InfiniteRed,MicrosoftandSoftwareMansion.OurcommunityisalwaysshippingexcitingnewprojectsandexploringplatformsbeyondAndroidandiOSwithreposlikeReactNativeWindows,ReactNativemacOSandReactNativeWeb.ReactNativeisbeingusedinthousandsofapps,butitx27;slikelyyoux27;vealreadyuseditinoneoftheseapps:andmanymore.GiveitatryRunthisnpxreact-nativeinitMyTestAppReadtheseGetstartedLearnthebasicsDevelopGuidesComponentsAPIsArchitectureParticipateShowcaseContributingCommunityDirectoryStackOverflowFindusBlogTwitterGitHubExploreMoreReactJSPrivacyPolicyTermsofService©2023MetaPlatforms,Inc.